Shiny Jumping Present

Новый год к нам мчится, побольше подарков!

Скачать тут: https://codepen.io/jkantner/pen/VwdExyy

#gift

👉 @webdev_coach_practice

Animated tag cloud

Моя любимая анимация для визуализации скиллов

Скачать тут: https://codepen.io/sfi0zy/pen/jOKzGgO

#cloud

👉 @webdev_coach_practice

Confetti Button

Сногсшибательный успех при нажатии кнопки

Скачать тут: https://codepen.io/coopergoeke/pen/wvaYMbJ

#button

👉 @webdev_coach_practice

Confirm confetti button

Сногсшибательный успех при нажатии одной из кнопочек

Скачать тут: https://codepen.io/aaroniker/pen/bGVGNrV

#buttons

👉 @webdev_coach_practice

Checkbox group styled as tiles

Чекбокс социальных сетей

Скачать тут: https://codepen.io/havardob/pen/BapJYMg

#checkbox

👉 @webdev_coach_practice

3D Room - Pure CSS

3D комната, написана на CSS

Скачать тут: https://codepen.io/ricardoolivaalonso/pen/mdPzrpe

#room

👉 @webdev_coach_practice

Apple TV - Word Rotation

Анимация ротации слов. Реализована при помощи JavaScript.

Скачать тут: https://codepen.io/stevenlei/pen/RwpRgzy

#tv

👉 @webdev_coach_practice

Touch device jelly menu concept

Анимация желейного меню при прокрутке. Реализована с помощью JavaScript и CSS.

Скачать тут: https://codepen.io/sol0mka/pen/AEbgXK

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

👉 @webdev_coach_practice

Direction-aware 3D hover effect (Concept)

Трехмерный эффект наведения с учетом направления (концепция). Реализовано с помощью JavaScript и CSS.

Скачать тут: https://codepen.io/noeldelgado/pen/nweYMz

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

👉 @webdev_coach_practice

Full Page Intro & Navigation

Введение на всю страницу и навигация. Реализовано с помощью JavaScript и CSS.

Скачать тут: https://codepen.io/codyhouse/details/OJmXKp

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

👉 @webdev_coach_practice

CSS only 3d Macbook Air

Анимация макбука. Написана на чистом CSS.

Скачать тут: https://codepen.io/neoberg/details/DEZbKv

#анимация #css

👉 @webdev_coach_practice

Bouncing DVD animation

Прыгающая анимация DVD. Реализована с помощью CSS.

Скачать тут: https://codepen.io/dostonnabotov/pen/dyKOLRP

#анимация #css

👉 @webdev_coach_practice

Modal Mitosis | CSS-Only Gooey Content Toggle

Анимация дополнительной информации к карточке, появляется при нажатии. Реализована с помощью CSS.

Скачать тут: https://codepen.io/team/keyframers/pen/YbGbOd

#анимация #css

👉 @webdev_coach_practice

Show & Tell @ Develop Denver 2016

Анимация почти невидимого шрифта. Написана на чистом CSS.

Скачать тут: https://codepen.io/chriscoyier/pen/RRxQeg

#анимация #css

👉 @webdev_coach_practice

Six circles - bees & bombs

Анимация заднего фона. Реализована с помощью JavaScript и CSS.

Скачать тут: https://codepen.io/yukulele/pen/LoBYzO

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

👉 @webdev_coach_practice

Animated CSS Gradient Border

Анимированная граница градиента CSS. Написана на чистом CSS.

Скачать тут: https://codepen.io/mike-schultz/pen/NgQvGO

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

👉 @webdev_coach_practice

Glassmorphing card

Карточка в стиле стекломорфизма с плавным 3D-наклоном при наведении, созданная с помощью библиотеки Tilt.js.

Ссылка: https://codepen.io/pieter-biesemans/pen/QWKmXEE

#стекломорфизм #карточка #tiltjs #3D

👉 @webdev_coach_practice

TOASTS

Пример реализации всплывающих уведомлений: информационное, предупреждающее уведомления и уведомление об успехе. Реализовано с помощью CSS и JavaScript.

Ссылка: https://codepen.io/mrtrimble/pen/mdEgzzR

#уведомления #css #javascript

👉 @webdev_coach_practice

Day-Night toggle switch

Пример реализации переключателя "день-ночь" на чистом CSS.

Ссылка: https://codepen.io/rebelchris/pen/jOMGweo

#переключатель #css

👉 @webdev_coach_practice

Touch device jelly menu concept

Анимация желейного меню при прокрутке. Реализована с помощью JavaScript и CSS.

Ссылка: https://codepen.io/sol0mka/pen/AEbgXK

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

👉 @webdev_coach_practice

Direction-aware 3D hover effect (Concept)

Трехмерный эффект наведения с учетом направления (концепция). Реализовано с помощью JavaScript и CSS.

Ссылка: https://codepen.io/noeldelgado/pen/nweYMz

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

👉 @webdev_coach_practice