UI // Button Selection Type

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

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

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

Lotsa Notifications

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

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

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

Wavy Color Cube

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

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

Icosahedron: Perlin Noise + Isolines + SelectiveBloom

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

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

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

Easy parallax effect with background-attachment: fixed

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

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

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

3D Interactive Card Hover

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

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

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

Clock

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

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

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

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

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

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

Literally Linked Lists 🔗

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

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

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

Turbulent Buttons

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

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

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

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

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

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

Jello Tab Bar (Animated)

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

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

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

Generative Grid

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

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

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

CSS Dots wave

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

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

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

Minimalist Thermostat

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

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

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

🚨LAST CAAAAALL🚨
PROFBUH HACKATHON | JUNE

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

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

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

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

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

Ждём всех!

#хакатон #lastcall

Circular Corner Borders 3D Hover Image (CSS Only)

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

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

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

Checkbox Animations With Indeterminate State

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

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

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

Pure CSS Mario 64 - 3D - No JavaScript!

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

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

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

Hex/RGB Auto Color Converter in Vue

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

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

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