RatingFace - система рейтинга реализована с помощью слайдера также смайлика (старайтесь держать его зелёным)

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

#JS #RatingFace

👉 @webdev_coach_practice

DownloadButtonAnimation - кнопки загрузки с приятной анимацией.

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

#JS #Button

👉 @webdev_coach_practice

Credit Card Payment Form - форма оплаты кредитной картой. Реализована с помощью css и javascript.

Скачать тут: https://codepen.io/quinlo/pen/YONMEa

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

👉 @webdev_coach_practice

Rotating border - вращающаяся граница, написана на чистом css.

Скачать тут: https://codepen.io/Chester/pen/QPoyjN

#анимация #css

👉 @webdev_coach_practice

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