CodePen Community

Pure CSS Infini-Slinky ✨

Анимированная сцена, выполненная с помощью Pug и Stylus, без использования JavaScript

https://codepen.io/jh3y/pen/WNXBdyZ

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

Sketch Button

Эффект при наведении на кнопку, выполненный с помощью SVG, SCSS и JavaScript

https://codepen.io/aaroniker/pen/PoOvoaY

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

Pure CSS - Pikachu in 3D Box

Анимированная сцена, выполненная на чистом CSS, без использования JavaScript

https://codepen.io/maxi83c/pen/JjOZdWX

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

Get Color Palette

Генерация заднего фона на основе используемых цветов, выполненная с помощью Pug, Stylus и JavaScript

https://codepen.io/toshiya-marukubo/pen/XWVWmav

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

CSS3D Turn Animation | GSAP

Анимированный текст, выполненный с помощью SCSS и библиотеки GSAP.js

https://codepen.io/dev_loop/pen/zYPVeQx

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

Inspiration Search Bar

Анимированная строка поиска, реализованная с помощью CSS и SVG, без использования JavaScript

https://codepen.io/nexii/pen/OJOdVey

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

CSS Blossoming Flowers at Magical Night

Анимированная сцена, выполненная с помощью SCSS и JavaScript

https://codepen.io/mdusmanansari/pen/BamepLe

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

Navigation Button Interaction

Анимированная панель выравнивания текста, выполненная с использованием SCSS и библиотеки GSAP.js

https://codepen.io/shahidshaikhs/pen/QWqNNBj

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

Menu Button Interaction

Анимированное выпадающее меню, выполненное с помощью SVG, SCSS и JavaScript

https://codepen.io/aybukeceylan/pen/zYNpWdj

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

Roller Coaster and souvenir photograph

Анимированная сцена, выполненная с помощью SVG, SCSS и библиотеки GSAP.js

https://codepen.io/damongolding/pen/mdBBVWw

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

Acrobatic Preloader

Анимация загрузки, выполненная с помощью CSS и SVG

https://codepen.io/jkantner/pen/VwrYggy

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

Tweet sized ASCII love <3

Анимированная сцена, выполненная с помощью CSS и JavaScript

https://codepen.io/learosema/pen/dyVrrxK

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

Navigation Button Animation

Анимированный tabbar, выполненный с помощью SVG, SCSS и библиотеки GSAP.js

https://codepen.io/shahidshaikhs/pen/poWbyMb

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

Cut corner cool button

Эффект при наведении на кнопку, выполненный на чистом CSS

https://codepen.io/t_afif/pen/bGooZmq

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

Metrognome

Гном-метроном, выполненный с помощью CSS и библиотеки GSAP.js

https://codepen.io/hexagoncircle/pen/JjOaabp

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

Platonic solids, and more...

Анимированный настраиваемый многогранник, выполненный с помощью CSS и JavaScript

https://codepen.io/Dillo/pen/OJOjdQp

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

The progress

Анимации загрузки, выполненные на чистом CSS, без использования JavaScript

https://codepen.io/t_afif/pen/bGqEBgL

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

Blob study

Анимированная 3D-капля, выполненная с помощью CSS и JavaScript

https://codepen.io/shubniggurath/pen/dyOKjLG

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

Personal Space — Generative Design/Animation! 💫

Анимированная сцена, выполненная с помощью SVG, CSS и библиотеки GSAP.js

При клике персонажи меняют своё положение.

https://codepen.io/georgedoescode/pen/ExwdJZq

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

Cards Carousel on 3D Cube - CSS Only

Слайдер, выполненный c помощью чистого CSS и checkbox

https://codepen.io/TheMOZZARELLA/pen/ZEawjmM

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