So Much to Print 🖨

Простая анимация. Написана на чистом CSS.

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

#css #printer

👉 @webdev_coach_practice

Custom Tooltip

Меню при нажатии на которое появляется пользовательская подсказка. Написано на чистом CSS.

Скачать тут: https://codepen.io/Adir-SL/pen/VwXGPmy

#tooltip

👉 @webdev_coach_practice

Expanding flex cards

Флеш карточки на CSS & JS

Скачать тут: https://codepen.io/z-/pen/OBPJKK

#flex_cards

👉 @webdev_coach_practice

Voyage Slider | GSAP

Анимация слайдера изображений

Скачать тут: https://codepen.io/dev_loop/pen/MWKbJmO

#slider

👉 @webdev_coach_practice

CSS Mechanical Keyboard

Прикольный калькулятор реализован на CSS

Скачать тут: https://codepen.io/ykadosh/pen/bGKgxbe

#calculator

👉 @webdev_coach_practice

City Life - Day & Night - Pure CSS

Смена дня и ночи

Скачать тут: https://codepen.io/josetxu/pen/poKbEjG

#day_night

👉 @webdev_coach_practice

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