CodePen Community

Easy parallax effect with background-attachment: fixed

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

https://codepen.io/DuskoStamenic/pen/ZEvBKdw

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

Icosahedron: Perlin Noise + Isolines + SelectiveBloom

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

https://codepen.io/prisoner849/pen/PoOKrPO

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

Wavy Color Cube

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

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

Lotsa Notifications

Уведомления, выполненные с помощью SVG, CSS и JavaScript

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

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

UI // Button Selection Type

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

https://codepen.io/coswise/pen/YzyVZgJ

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

Image mask hover effect

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

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

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

Рекомендуем к прочтению книгу Александра Бындю "Антихрупкость в IT"

Эта книга — результат многолетнего опыта построения IT-продуктов. И прежде всего она о том, как выстроить процессы разработки IT-систем таким образом, чтобы успевать вовремя подстроиться под любые изменения.

В её основе — описание работающих практик, примеры из реальных проектов, анализ ошибок и выводы. В книге собраны рекомендации для владельцев бизнеса и разработчиков. Первые приобретут систематизированные знания о том, как правильно взаимодействовать с IT, а вторые — как делать хорошо и не делать плохо.

Сайт издания

Ознакомиться с книгой

Noisy Risograph Gradient Celestial Body

Генератор градиентов, выполненный с помощью SCSS и JavaScript

https://codepen.io/chriskirknielsen/pen/WNZamZR

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

Framer motion hamburger

Кнопка для бургер-меню, выполненная с помощью CSS и библиотеки React.js

https://codepen.io/ainalem/pen/jOGYPQN

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

Minecraft 3D CSS Bee 🐝

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

https://codepen.io/fariati/pen/oNpZRbd

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

Hashnode Logo CSS Art

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

https://codepen.io/braydoncoyer/pen/oNGazvj

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

Starfield Animation

Анимированное звёздное поле, выполненное с помощью CSS и JavaScript

https://codepen.io/sacsam005/pen/BaJmaXy

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

Jello Stretchy Variable Font

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

https://codepen.io/petebarr/pen/LYzBoeg

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

Day and Night - SVG Animation

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

https://codepen.io/TurkAysenur/pen/bGawdKv

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

3D Futuristic Room - Pure CSS

3D комната, выполненная с помощью Pug, SCSS и JavaScript

https://codepen.io/ricardoolivaalonso/pen/LYzwGyW

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

Creating day-night CSS only toggle switch

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

https://codepen.io/gvissing/pen/XWVpjJd

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

Greensock SVG Search Animation

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

https://codepen.io/joshsalazar/pen/RwLGQXJ

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