CodePen Community

Stroke Logo Animation

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

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

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

Discover Price On Hover

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

https://codepen.io/kira-code/pen/LYzOwRw

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

GSAP Flip Cart

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

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

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

3D Carousel

Слайдер с эффектом размытия, выполненный с помощью SCSS и библиотеки React.js

https://codepen.io/ykadosh/pen/ZEJLapj

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

Menu hover glow

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

https://codepen.io/Madbones3/pen/LYOJQpo

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

Melty line goodness

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

https://codepen.io/andyfitz/pen/abVjOpo

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

Floating Text

Эффект при на ведении на текст, выполненный на чистом CSS, без использования JavaScript

https://codepen.io/xavier_ho/pen/GRWZKpq

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

Ripples

Рябь, выполненная с помощью SCSS и библиотеки Three.js

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

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

Cubic Clock

Кубические часы, выполненные с помощью Haml, SCSS и JavaScript

https://codepen.io/cobra_winfrey/pen/JjOvxYG

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

Magic Dust - GSAP Canvas Particles - move your mouse to create magic dust!

Эффект при движении мышкой, выполненный с помощью SCSS и GSAP.js

https://codepen.io/suth_a/pen/ExbyvjK

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

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

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

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

Spirited Away Bathhouse (Aburaya) - 3D CSS

3D-карточка, выполненная с помощью Haml и SCSS, без использования JavaScript

https://codepen.io/cobra_winfrey/pen/GRMdwwG

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

Range Slider Progress in Chrome with pure CSS 🌟

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

https://codepen.io/ShadowShahriar/pen/zYPPYrQ

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

Tricky Loop Animation with GSAP - Анимация загрузки выполненная с помощью CSS и библиотеки GSAP.js

https://codepen.io/abirana/pen/NWpgamm

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

Out-of-Bounds: Генерация теннисных мячиков при клике, выполненная с помощью CSS и библиотек Three.js и Cannon.js

https://codepen.io/HoraceShmorace/pen/MWEmXYm

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

Mograph Portfolio - интерактивное портфолио, выполненное с помощью CSS и JavaScript

https://codepen.io/moodyeffects/pen/MWOpeop

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

Переливающаяся 3D-фигура, выполненная с помощью SCSS и библиотеки Three.js

https://codepen.io/Mamboleoo/pen/ExwXWyy

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

🎄X-MAS HACK 2022 – время исполнения желаний🎄

👨🏻‍💻Если ты кодишь – ждём тебя в секции «Хакатон» с кейсами от IT-компаний
💡Если ты настоящий генератор идей – ждём в секции «Идеатон», где ты сможешь предложить самые смелые идеи для бизнеса!

Даты хакатона: 15–18 декабря 2022 года
Дедлайн регистрации: 12 декабря 23:59

Регистрация и подробности:
⚡️Хакатон - https://clck.ru/32kc5u
✨Идеатон - https://clck.ru/32kc5T

Создавай команду или подавай личную заявку, а мы найдем для тебя крутую команду! Регистрируйся, решай новогодний кейс, заводи знакомства, перенимай опыт от топовых экспертов, стань частью X-MAS HACK! И кто знает.. возможно, именно ты заберешь главные призы!

💰Призовой фонд – 1.700.000 рублей!
🎁 Новогодний мерч, подарки от партнеров и сертификаты
🎅🏻 Менторская поддержка от топовых экспертов
🪄 Мастер-классы, лайфхаки и много полезных знакомств

Больше хакатонов и призов - https://clck.ru/32kc6S

#хакатон #идеатон

Двойной маятник, выполненный с применением математики, CSS и JavaScript

https://codepen.io/Coderesting/pen/dyzqdKR

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

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

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

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