CSS Light Bulb — анимированная лампочка. Реализована с помощью CSS и JavaScript

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

Magnetic Pastel button — анимированная кнопка. Реализована с помощью CSS и JavaScript

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

Shimmer Button — анимированная кнопка. Реализована с помощью CSS и JavaScript

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

Airport info — бегущая строка. Реализована с помощью CSS и JavaScript

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

Responsive CSS Powered Parallax w/ React && GSAP — моделька с параллакс эффектом. Реализована с помощью CSS и JavaScript

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

Circular Carousel MotionPath — колесо с боксами и возможностью вращения. Реализована с помощью CSS и JavaScript

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

Radios With Sliding Focus — кнопки с анимацией выделением и перемещения между кнопками. Реализована с помощью CSS и JavaScript

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

Track Packages Reproduction — шкала готовности заказа или доставки. Реализована с помощью CSS и JavaScript

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

Calculator — калькулятор в стиле глассморфизма. Реализована с помощью CSS

#анимация #css

Loaders — анимация загрузки. Реализована с помощью CSS

#анимация #css

Trophy Animation — кубок. Реализована с помощью CSS и JavaScript

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

Spinning Preloader — прелоадер. Реализована с помощью CSS и JavaScript

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

CSS Scroll-Driven Glow Cards — светящиеся карты. Реализована с помощью CSS и JavaScript

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

Animated Atom Logo — атом. Реализована с помощью CSS и JavaScript

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

Emoji Hop — эмодзи. Реализована с помощью CSS и JavaScript

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

You have mail — письмо. Реализована с помощью CSS и JavaScript

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

AI13: GLSL Video Transition — слайдер из карточек с информацией. Реализована с помощью CSS и JavaScript

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

Apple Tear Strip — дерни стикер. Реализована с помощью CSS и JavaScript

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

Pure CSS Peeling Sticky — анимация для ссылки в виде отрывного липкого стикера. Реализована с помощью CSS и JavaScript

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

Хватит терять время на уже готовый код!

Frontend Trends — библиотека фронтендера, где собраны готовые CodePen решения для ежедневных задач. Эффекты при наведении, 3D-анимации, готовые карточки и др.

Зашли – сохранили – применили в своём проекте. Пользуйтесь: @trends_frontend