codepen.js

Wall of text — плавно движущиеся строки с текстом в качестве фона для вашего сайта. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

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

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

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

😡 Устал от нудных уроков на YouTube, где половина — вода? Хватит это терпеть) Автор канала Формошлёп убрал воду и оставил только суть: ➧ Мини-гайды по HTML, CSS и JavaScript, которые легко читать и сразу применять. ➧ Шпаргалки, лайфхаки и полезные советы с ноткой юмора. ➧ Всё чётко, лаконично и по делу. Неважно, новичок ты или фронтендер на опыте — у нас всегда найдётся что-то полезное! Присоединяйся: @frontbox будем вместе шлёпать формы и красить кнопки)

Background Animation — круговорот звёздного неба в качестве фона для вашего сайта. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

Converting a checkbox when running tasks — преобразование флажка при выполнении задач по аналогии с заметками. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

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

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

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

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

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

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

Native CSS particle animation with sin() and cos() — анимация частиц. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

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

Light/Dark Toggle With Morphing Icon — переключатель темы оформления. Реализована с помощью CSS и JavaScript #анимация #css #javascript