📌Binoculars — красивая имитация бинокля. Реализована на CSS и JavaScript.

#js #анимация #css

https://codepen.io/DeyJordan/pen/MWZwRMm

@javascriptv

Frantic maze — безумный лабиринт. Реализована с помощью CSS и JavaScript

#анимация #css #javascript

https://codepen.io/Dillo/pen/jOQPWMe

@javascriptv

🚀 Work scroll — изящная реализация прокрутки страницы. Реализована с помощью CSS и JavaScript

#анимация #css #javascript

https://codepen.io/Zuraavl/pen/jOQEmzM

@javascriptv

❄️ Snow — анимация падающего снега, реализованная на CSS.

https://codepen.io/alphardex/pen/dyPorwJ

#анимация #css

@javascript

Kippo Hover Card Effect

Эффект раскрытия карточек при наведении, реализованный с помощью CSS и JavaScript.

#css #js

https://codepen.io/Hyperplexed/pen/zYWdYoo

@javascriptv

🐠Koi Fish

Создано и анимировано на чистом CSS.

#css

https://codepen.io/Adir-SL/pen/LYEPzxW

@javascriptv

🌟 Animated Star Rating

Каждая звезда - это радио кнопка, при нажатии на которую задействуются свои CSS-стили.

https://codepen.io/jkantner/pen/BarvVNa

#css

@javascriptv

A moment of pure CSS

Создано без использования JS. Анимации реализованы при помощи CSS keyframes.

https://codepen.io/ivorjetski/pen/yLjeqgb

#css

@javascriptv

👌🏻🤞🏼Классная библиотека JS, о которой возможно ты никогда не слышал

Hammer.js — это библиотека для распознавания жестов 🤲🏻 на сенсорных устройствах. Чтобы добавить её в проект, можно использовать NPM:

npm install --save hammerjs

Yarn:

yarn add hammerjs

, или подключить напрямую через CDN. Она позволяет легко реагировать на такие жесты, как тапы, двойные тапы, удержания и свайпы, делая интерфейс более дружелюбным и интерактивным.

Hammer.js предлагает удобные инструменты для работы с жестами, что особенно актуально для мобильных приложений и сайтов.

📍Github
📍Docs

#js #javascript #nodejs #css #html

@javascriptv

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

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

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

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

#codepen #css