codepen.js

Upload Progress Animation Microinteraction — анимация выполнения работы . Реализована с помощью CSS и JavaScript #анимация #css #javascript

⚡️ Запускаем крупный розыгрыш призов, где можно выиграть iPhone 17, игровые наушники, клавиатуру и мышь! Без лишних слов, условия: 1. Подписка на: — бизнестрендс — Технотренды — Блумберг 2. Нажать кнопку «Участвовать» снизу Итоги будут опубликованы 15 ноября в 18:00 на наших каналах, желаем удачи!

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

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

Hamburger Menu Animations — 4 вида плавной анимации для гамбургер-меню. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Button — анимация появления разноцветных фигур при клике на кнопку. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Loader Colorful HTML — диско-прелоадер. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

Glow slider — ползунок. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Icon hover — иконки соцсетей окрашиваются при наведении на них. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

Helical dust — бесконечная анимация. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Dots & Ring Loader — загрузчик. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Как легко прокачать навыки верстки и найти работу?  Присоединяйся к каналам опытного верстальщика:  1. Вёрстка сайтов | HTML, CSS, JS — здесь собраны бесплатные, структурированные уроки и различные материалы по HTML, CSS, JS, а также советы по заработку на фрилансе. 2. Работа — вёрстка и фронтенд — канал с лучшими вакансиями и проектами с фриланса по вёрстке и фронтенду Научись и зарабатывай на верстке!

Holiday Feature Folding Cards — анимация вращения голографической карточки. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Bouncy image radio group — карточка изображений с анимацией и расширением при нажатии. Реализована с помощью CSS и JavaScript #анимация #css #javascript

CSS scroll-driven scroll-snapping animations — анимация горизонтального перехода между страницами. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

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

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