CodePen Community

AI Art Generator

Генератор фото, выполненный с помощью SVG, CSS и JavaScript. Автор использовал нейронную сеть для "смешения" фото

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

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

3D Gallery

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

https://codepen.io/jsulpis/pen/GRMwBGR

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

Magic area on hover/focus

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

https://codepen.io/iamryanyu/pen/zYZGKqy

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

Little Gallery

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

https://codepen.io/yoann-b/pen/abEjWgq

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

CSS Card Hover Effects

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

https://codepen.io/Jhonierpc/pen/MWgBJpy

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

Hex/RGB Auto Color Converter in Vue

Конвертор цветов из HEX в RGB, выполненный с помощью SCSS и библиотеки Vue.js

https://codepen.io/collinsworth/pen/WNXxQVP

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

Pure CSS Mario 64 - 3D - No JavaScript!

Mario следящий за положением курсора, выполненный с помощью SCSS, без использования JavaScript

https://codepen.io/ivorjetski/pen/abEBjKN

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

Checkbox Animations With Indeterminate State

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

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

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

Circular Corner Borders 3D Hover Image (CSS Only)

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

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

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

🚨LAST CAAAAALL🚨
PROFBUH HACKATHON | JUNE

Закрываем регистрацию на хакатон 19 июня в 23:59⚡️

Кейс:
🔸Автоматическое создание текстовых публикаций на основе записанного видео.

Даты хакатона:
23 – 25 июня 2023 года
Регистрация - https://clck.ru/34WoHs

🔸2 дня в онлайн-формате
🔸встречи с экспертами, мастер-классы и питчи
🔸крутой командный проект и интересный кейс в резюме
🔸призовой фонд – 300.000₽🔥

Регистрируйся, решай кейс и выигрывай денежные призы и крутой мерч!🏆

Ждём всех!

#хакатон #lastcall

Minimalist Thermostat

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

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

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

CSS Dots wave

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

https://codepen.io/amit_sheen/pen/vYpZBwP

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

Generative Grid

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

https://codepen.io/a-trost/pen/rNGPxaJ

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

Jello Tab Bar (Animated)

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

https://codepen.io/flavio_amaral/pen/xxgYGrR

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

Кнопка с удивительным эффектом наведения на чистом CSS

https://codepen.io/atechajay/pen/WNZpLMQ

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

Turbulent Buttons

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

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

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

Literally Linked Lists 🔗

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

https://codepen.io/mattjuggins/pen/KKZRwVL

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

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

https://codepen.io/ggsingla/pen/MWOzxbq

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

Clock

Часы, созданные из svg картинки и анимированные в SCSS. Направление стрелок задается в js и зависит от времени на устройстве.

https://codepen.io/igstudio/pen/WjdwrO

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

3D Interactive Card Hover

Интерактивные карточки с 3D-эффектом, выполненные с помощью CSS и JavaScript

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

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