Slack Splash — сцена с лого и анимированным фоном с реакцией на курсор. Реализована с помощью CSS и JavaScript

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

Interactive 3D die — вращение трехмерных игральных костей согласно вводу пользователя. Реализована с помощью CSS и JavaScript

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

Minecraft 3D — анимированная сцена. Реализована с помощью CSS и JavaScript

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

Переключатель — переключатель темной темы в виде китайского фонарика. Реализована с помощью CSS и JavaScript

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

Text Stroke Animation — анимация текста. Реализована с помощью CSS и JavaScript

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

Checkbox — флажок, который указывает на то, что опция выбрана. Реализована с помощью CSS и JavaScript

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

Loader animation — ожидание загрузки в виде мерцающего кольца. Реализована с помощью CSS и JavaScript

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

Animated Social Links — карточки принимают 3D-форму при наведении на соцсети. Реализована с помощью CSS и JavaScript

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

Login Form Input animation — форма для ввода имени и пароля на фоне градиентного перехода. Реализована с помощью CSS и JavaScript

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

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

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

Skeuomorphic Toggle Switch — стилизованный переключатель Реализована с помощью CSS и JavaScript

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

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

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

Marble Checkbox — неоновый переключатель. Реализована с помощью CSS и JavaScript

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

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

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

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

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

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

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

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

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

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

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

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

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

Как легко прокачать навыки верстки и найти работу? 

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

2. Работа — вёрстка и фронтенд — канал с лучшими вакансиями и проектами с фриланса по вёрстке и фронтенду

Научись и зарабатывай на верстке!