This media is not supported in your browser
VIEW IN TELEGRAM
"slide-in-from=" attribute
Анимированная шпаргалка по анимации, выполненная на чистом CSS, без использования JavaScript
https://codepen.io/MarkBoots/pen/BaJqKyY
Подпишись👉 @codepen_1
Анимированная шпаргалка по анимации, выполненная на чистом CSS, без использования JavaScript
https://codepen.io/MarkBoots/pen/BaJqKyY
Подпишись👉 @codepen_1
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Claymorphic SVG button
Анимированная кнопка, выполненная с помощью SVG, CSS и библиотеки GSAP.js
https://codepen.io/chrisgannon/pen/rNGqLmK
Подпишись👉 @codepen_1
Анимированная кнопка, выполненная с помощью SVG, CSS и библиотеки GSAP.js
https://codepen.io/chrisgannon/pen/rNGqLmK
Подпишись👉 @codepen_1
This media is not supported in your browser
VIEW IN TELEGRAM
Neumorphic Fitbit UI
Интерфейс приложения, выполненный на чистом CSS и SVG, без использования JavaScript
https://codepen.io/jkantner/pen/poWxOVY
Подпишись👉 @codepen_1
Интерфейс приложения, выполненный на чистом CSS и SVG, без использования JavaScript
https://codepen.io/jkantner/pen/poWxOVY
Подпишись👉 @codepen_1
🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Animated BottomBar Experiment (CSS Transitions only)
Набор анимированных tabbar'ов, выполненный с помощью SCSS и JavaScript
https://codepen.io/chrisbautista/pen/NWXjqLN
Подпишись👉 @codepen_1
Набор анимированных tabbar'ов, выполненный с помощью SCSS и JavaScript
https://codepen.io/chrisbautista/pen/NWXjqLN
Подпишись👉 @codepen_1
👍5❤2
This media is not supported in your browser
VIEW IN TELEGRAM
Text Alignment
Панель выравнивания текста, выполненная с помощью Pug и SCSS, без использования JavaScript
https://codepen.io/z-/pen/XWZgZxx
Подпишись👉 @codepen_1
Панель выравнивания текста, выполненная с помощью Pug и SCSS, без использования JavaScript
https://codepen.io/z-/pen/XWZgZxx
Подпишись👉 @codepen_1
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Infinite scrollable and draggable (WebGL)grid
Бесконечная сетка с возможностью прокрутки, выполненная с помощью SCSS и JavaScript
https://codepen.io/ReGGae/pen/eYGyLrP
Подпишись👉 @codepen_1
Бесконечная сетка с возможностью прокрутки, выполненная с помощью SCSS и JavaScript
https://codepen.io/ReGGae/pen/eYGyLrP
Подпишись👉 @codepen_1
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
3D Scrolling Gallery/Timeline
3D-прокрутка, выполненная с помощью SVG, CSS и библиотеки GSAP.js
https://codepen.io/creativeocean/pen/gOvYEgq
Подпишись👉 @codepen_1
3D-прокрутка, выполненная с помощью SVG, CSS и библиотеки GSAP.js
https://codepen.io/creativeocean/pen/gOvYEgq
Подпишись👉 @codepen_1
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Three JS - Projects particle menu
Фигура реагирующая на действия в меню, выполненная с помощью SCSS и библиотеки Three.js
https://codepen.io/daniel-hult/pen/OJWzzvO
Подпишись👉 @codepen_1
Фигура реагирующая на действия в меню, выполненная с помощью SCSS и библиотеки Three.js
https://codepen.io/daniel-hult/pen/OJWzzvO
Подпишись👉 @codepen_1
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Before/After Image Slider
Слайдер "До/После", выполненный с помощью SVG, CSS и JavaScript
https://codepen.io/Coding-in-Public/pen/NWyjZwO
Подпишись👉 @codepen_1
Слайдер "До/После", выполненный с помощью SVG, CSS и JavaScript
https://codepen.io/Coding-in-Public/pen/NWyjZwO
Подпишись👉 @codepen_1
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Simple Animated Gradient Buttons
Переливающиеся кнопки, выполненные с помощью Slim и Less, без использования JavaScript
https://codepen.io/tommiehansen/pen/poaexXG
Подпишись👉 @codepen_1
Переливающиеся кнопки, выполненные с помощью Slim и Less, без использования JavaScript
https://codepen.io/tommiehansen/pen/poaexXG
Подпишись👉 @codepen_1
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
SCSS Washing machine
Стиральная машинка на HTML и SCSS.
https://codepen.io/Arkellys/pen/YoYNve
Подпишись👉 @codepen_1
Стиральная машинка на HTML и SCSS.
https://codepen.io/Arkellys/pen/YoYNve
Подпишись👉 @codepen_1
👍2🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Neumorphism Login Form
Анимированная форма входа и регистрации, выполненная с помощью Pug, SCSS и JavaScript
https://codepen.io/ricardoolivaalonso/pen/YzyaRPN
Подпишись👉 @codepen_1
Анимированная форма входа и регистрации, выполненная с помощью Pug, SCSS и JavaScript
https://codepen.io/ricardoolivaalonso/pen/YzyaRPN
Подпишись👉 @codepen_1
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Grid Carousel
Анимированная карусель, выполненная с помощью свойства CSS-Grid, SVG и JavaScript
https://codepen.io/ste-vg/pen/mdXmgvZ
Подпишись👉 @codepen_1
Анимированная карусель, выполненная с помощью свойства CSS-Grid, SVG и JavaScript
https://codepen.io/ste-vg/pen/mdXmgvZ
Подпишись👉 @codepen_1
This media is not supported in your browser
VIEW IN TELEGRAM
CSS only 3D perspective button
Анимированная кнопка с 3D-эффектом, выполненная на чистом CSS, без использования JavaScript
https://codepen.io/t_afif/pen/gOveOXy
Подпишись👉 @codepen_1
Анимированная кнопка с 3D-эффектом, выполненная на чистом CSS, без использования JavaScript
https://codepen.io/t_afif/pen/gOveOXy
Подпишись👉 @codepen_1
This media is not supported in your browser
VIEW IN TELEGRAM
Vertical menu with gooey effect on hover
Интерактивное вертикальное меню, выполненное с помощью SCSS и JavaScript
https://codepen.io/onediv/pen/WNOdMWw
Подпишись👉 @codepen_1
Интерактивное вертикальное меню, выполненное с помощью SCSS и JavaScript
https://codepen.io/onediv/pen/WNOdMWw
Подпишись👉 @codepen_1
🔥4👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Claymorphism list hover effect
Эффект при наведении на элемент списка, выполненный на чистом CSS, без использования JavaScript
https://codepen.io/mortezasharifinia/pen/PoQNXda
Подпишись👉 @codepen_1
Эффект при наведении на элемент списка, выполненный на чистом CSS, без использования JavaScript
https://codepen.io/mortezasharifinia/pen/PoQNXda
Подпишись👉 @codepen_1
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
CPC - GSAP Custom Bounce
Анимированный текст, выполненный с помощью CSS и библиотеки GSAP.js. Анимация возобновляется при клике
https://codepen.io/creativeocean/pen/GRMrQpq
Подпишись👉 @codepen_1
Анимированный текст, выполненный с помощью CSS и библиотеки GSAP.js. Анимация возобновляется при клике
https://codepen.io/creativeocean/pen/GRMrQpq
Подпишись👉 @codepen_1
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Polaroid – Speedy CSS Tip! ⚡️
Анимированное фото, выполненное с помощью SVG, CSS и JavaScript
https://codepen.io/jh3y/pen/LYQLOaW
Подпишись👉 @codepen_1
Анимированное фото, выполненное с помощью SVG, CSS и JavaScript
https://codepen.io/jh3y/pen/LYQLOaW
Подпишись👉 @codepen_1
This media is not supported in your browser
VIEW IN TELEGRAM
Marquee
Бегущая строка, выполненная с помощью SCSS, без использования JavaScript
https://codepen.io/mxbck/pen/NWyaPve
Подпишись👉 @codepen_1
Бегущая строка, выполненная с помощью SCSS, без использования JavaScript
https://codepen.io/mxbck/pen/NWyaPve
Подпишись👉 @codepen_1
This media is not supported in your browser
VIEW IN TELEGRAM
Progress of this year. Keep tracking
Анимированный прогресс года, выполненный с помощью CSS и JavaScript
https://codepen.io/fedot/pen/wvzmmbd
Подпишись👉 @codepen_1
Анимированный прогресс года, выполненный с помощью CSS и JavaScript
https://codepen.io/fedot/pen/wvzmmbd
Подпишись👉 @codepen_1
👍1