codepen.js

Running man + button — анимация бегущего человека с функцией отслеживания бега. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Wave button animation — эффект возрастания волны в кнопке при наведении на неё. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Star animation — звёздная анимация для фона и меню. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Outline-to-Fill Tab Icon Animations — анимация значков меню. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Skating bunny — игра. Реализована с помощью CSS и JavaScript #анимация #css #javascript

🚀 Senior-разработчики делится секретами фронтенда в канале @frontendino Ежедневно разбираем сложные темы простым языком, показываем примеры кода и решаем реальные задачи. 👉 Присоединяйтесь к сообществу профессионалов

Particles button — пузыри. Реализована с помощью CSS и JavaScript #анимация #css #javascript

checkbox — переключатель необычной формы. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Fiery Preloader — огненный прелоадер. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Spinner — ожидание загрузки. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Button Animation — кнопка для активации. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Square to circle button animation — смена квадратной формы кнопки на круглую при наведении на неё. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Radar — пульсирующий прелоадер. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Background Animation — хаотичное движение частиц. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Button with Hover Effect — сияющий эффект при наведении на кнопку. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Preloader — ожидание загрузки. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Color Wheel Preloader — ожидание загрузки.  Реализована с помощью CSS и JavaScript #анимация #css #javascript

Dot Clock Preloader — стрелка часов.  Реализована с помощью CSS и JavaScript #анимация #css #javascript

Ищем автора эталонного кода! 💎 Если вы уверены, что вашему коду подходит звание «Эталонный», а вам — звание «Автор самого красивого кода», то приглашаем принять участие в Конкурсе красоты кода 2.0 и выиграть классные призы от Сбера: iPhone 16 и умную колонку SberBoom. Опытные эксперты определят победителей в пяти категориях: Backend, Frontend, DevOps, AI и Mobile, — а награждение пройдёт на ключевом IT-событии HighLoad в Москве, 2 и 3 декабря. Больше 40 участников прошлого конкурса стали частью команды Сбера. Возможно, следующим станете именно вы — переходите по ссылке и изучайте подробности!

Animated Weather Icons — анимированные иконки с различным типом погоды.  Реализована с помощью CSS и JavaScript #анимация #css #javascript