What's that coffee like? - Вам какой кофе?

Интересная реализация отображения количества различных ингредиентов в видах кофе. По клику на вид кофе, в чашке мы видим в какой пропорции и какие ингредиенты содержаться внутри.

#codepen

Подпишись👉 @codepen_1

Невероятная лампочка с GSAP 💡🐻

Сделано с использованием GSAP анимации.

#codepen #gsap

Подпишись👉 @codepen_1

GTA 5 poster ( Grid and Clip Path)

Постер для GTA5 с помощью css свойства display: grid и clip-path

#codepen #css

Подпишись👉 @codepen_1

Animated Tab Bar - Анимированный tab bar

#codepen #js #css

Подпишись👉 @codepen_1

Interactive particles text create with three.js

Текст из интерактивных частиц, созданный с помощью библиотеки three.js

#codepen #js

Подпишись👉 @codepen_1

Link hover animation - анимация при наведении на ссылку с использованием SCSS


#codepen #scss

Подпишись👉 @codepen_1

Feedback Reactions - Анимированные emoji-реакции при помощи SCSS и JS

#codepen #scss #js

Подпишись👉 @codepen_1

New Transaction Hover Animation
Анимированная кнопка оплаты, сделанная при помощи SCSS.

#codepen #scss

Подпишись👉 @codepen_1

Pure CSS Product Card
Анимация выбора колёс велосипеда, написанная на HAML и SCSS.
#codepen #scss
Подпишись👉 @codepen_1

Holiday Feature Folding Cards


Анимированные открытки на чистом CSS
#codepen #css
Подпишись👉 @codepen_1

Smash to submit button

Интерактивная кнопка, реализованная с помощью SCSS и JS
#codepen #scss #js
Подпишись👉 @codepen_1

3D Room - Pure CSS
3D комната, сделанная с помощью PUG и SCSS
#codepen #scss
Подпишись👉 @codepen_1

Simple CSS loaders

Примеры анимации загрузки на чистом CSS
#codepen #css
Подпишись👉 @codepen_1

Slide Sign In/Sign Up form

Формы входа и регистрации, сделанные на CSS и JS
#codepen #css #js
Подпишись👉 @codepen_1

CSS Grid / Entrance Animation Test

Автор анимирует CSS-свойства grid элемента через CSS и добивается интересного эффекта появления элементов страницы.

#codepen #css

Подпишись👉 @codepen_1

404 error page

Cтраница 404 анимированная при помощи JS библиотеки Anime. js
#codepen #css #js
Подпишись👉 @codepen_1

Random Password Generator - HTML | CSS | JS

Генератор паролей, реализованный с помощью SCSS и JS
#codepen #css #js
Подпишись👉 @codepen_1

Shopping UI

Каталог товаров и корзина, сделанные при помощи JS библиотеки - Vue.js
#codepen #css #js
Подпишись👉 @codepen_1

Fluid text hover

Интерактивный текст, реализованный с помощью JS библиотеки Babel.js
#codepen #css #js
Подпишись👉 @codepen_1

Tabbar animation - Only CSS

Анимированный tabbar, сделанный при помощи SCSS
#codepen #scss
Подпишись👉 @codepen_1