Generative UI - gользовательский интерфейс и анимация сферы с морозными элементами. Реализован с помощью JavaScript.

Скачать тут: https://codepen.io/georgedoescode/pen/XWNmvro

#ui #css #javascript

👉 @webdev_coach_practice

SVG Animation - анимация загрузки. Реализована с помощью JavaScript.

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

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

👉 @webdev_coach_practice

Animate Tooltip - анимация подсказки. Написана на чистом CSS.

Скачать тут: https://codepen.io/KaioRocha/pen/mdJWRmy

#анимация #css

👉 @webdev_coach_practice

Parallax Star background - фон звезд параллакса. Реализован при помощи CSS.

Скачать тут: https://codepen.io/sarazond/pen/LYGbwj

#анимация #паралакс #css

👉 @webdev_coach_practice

Fancy Digital Clock - необычные цифровые часы. Реализованы с помощью JavaScript

Скачать тут: https://codepen.io/Hyperplexed/pen/XWeaWGL

#анимация

👉 @webdev_coach_practice

Menja

Игра в которой нужно разбивать вылетающие блоки. Реализована с помощью JavaScript.

Скачать тут: https://codepen.io/MillerTime/details/BexBbE

#js #game

👉 @webdev_coach_practice

Drag and Drop card

Карточки с функцией перетаскивания, реализованные с помощью Sortable.js.

Скачать тут: https://codepen.io/sanketbodke/pen/xxWxRWp

#dragndrop

👉 @webdev_coach_practice

GitHub | Only CSS

Анимация логотипа GitHub, реализованная на чистом CSS.

Скачать тут: https://codepen.io/toshiya-marukubo/pen/qBPryZb

#js #github

👉 @webdev_coach_practice

Demo of CSS-only motion curve

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

Скачать тут: https://codepen.io/davidkpiano/pen/ZaLjBW

#motion

👉 @webdev_coach_practice

Apple Mice

Анимация разных вариантов мышек, написана с помощью javascript и css.

Скачать тут: https://codepen.io/joshbader/pen/njKxzB

#apple #mouse

👉 @webdev_coach_practice

Fake Hacking Program

Поддельная программа взлома. Реализована при помощи JavaScript и CSS.

Скачать тут: https://codepen.io/chasekaiser/pen/ogXmOK

#fake_hacker

👉 @webdev_coach_practice

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