Animated Tab Bar - Анимированный tab bar

#codepen #js #css

@javascriptv

🌓 Переключатель тёмной темы, реализованный на CSS и JS

GitHub Dark Mode Toggle

#codepen #css #js

@javascriptv

Tuggable Light Bulb! 💡(GSAP Draggable && MorphSVG) - Интерактивная лампочка, сделанная с помощью Pug, Stylus и библиотеки Babel.js

#codepen #css #js

@javascriptv

Minimal keyboard

Виртуальная клавиатура, реализованная с помощью SCSS, JavaScript и препроцессора Pug

#codepen #scss #js #ui_элементы

👉 https://codepen.io/Alca/pen/vYeyOwd

@javascriptv

Rooster Animation

Анимированный петух, реализованный на чистом CSS, без использования JavaScript

#codepen #css #ui_элементы

https://codepen.io/mdusmanansari/pen/GRxKNKP

@javascriptv

Menja — духовный наследник Fruit Ninja на JavaScript

Предлагаем вашему вниманию игру Menja, которая по сути является альтернативной версией Fruit Ninja, но с более геометрическим дизайном. Здесь вам необходимо разрубать пролетающие блоки.

Игра реализовано на JavaScript без сторонних фреймворков. Посмотреть на код и поиграть можно здесь:

https://codepen.io/MillerTime/details/BexBbE

#gamedev #codepen #javascript

@javascriptv

Grainy & Gradients text

Анимация текста с эффектом градиента, написанная на SCSS, с применением JavaScript

https://codepen.io/LukyVj/pen/poOjqBv

#codepen #scss #javascript

@javascriptv

⚡️ Анимация Пикачу в коробке

Анимированный пикачу в коробке отрисован и анимирован с помощью чисто CSS. Отдельные элементы графики сделаны с помощью DIV’ов и затем стилизованы.

Чтобы запустить анимацию нужно нажать на верх коробки и потянуть курсов в сторону. Попробуйте сами. Там же вы найдёте код проекта:

https://codepen.io/maxi83c/pen/JjOZdWX

#codepen #css