What if Sliders actually slid? - интересная реализация ползунка для изменения значения. Приколюха заключается в том, что можно как бы разогнать его и он полетит будто по инерции вперёд, если скорость велика, то он отпрыгнет назад и тд.

#css

Rubber Slider - интересная идея для ползунка! Очень приятный и минималистичный ползунок регулирования

#css

Tabbar - очередная клёвая панель вкладок, реализованная на чистом css

#css

LUME shiny 3D image grid - при перемещении мыши картинки будто двигаются в пространстве. Появляется ощущение объёмности.

#css

Magnetic button animation - очень интересная реализация анимации без сторонних библиотек, реализованная на css

#css

CSS 3D Buttons - меню, которое меняет перспективу при наведения на неё мыши. Создаётся эффект 3D. Без использования JS.

#css

Spinner — анимация постоянного вращения загрузки, написанная с помощью React и GSAP.

#react #gsap

Neumorphism animation — анимация в стиле неоморфизма на чистом CSS.

#css

Credit Card Payment Form — адаптивная форма заполнения данных карты, реализованная с помощью imask.js.

#imaskjs

Photo Tear - анимация разрыва Фотографии пополам перетаскиванием мыши, реализованная на css с элементами js

#html #css #js

Home Animated Tab Bar v.2 - адаптивный, анимированный Tab-бар

#js #html #css

Pay Button - кнопка пожертвования анимации грузовика Paypal, написанная на css

#css

Morphing Play Button - необычная анимация кнопки воспроизведения для вашего видео на веб-странице

#js #html #css

Speed lines — данную анимацию можно задействовать как переход между страницами сайта.

#css

ScrollTrigger: SVG Text Mask — текстовая SVG-маска, которая меняется при прокрутке страницы. Подобный эффект реализован с помощью ScrollTrigger, GSAP, ScrollToPlugin3 и ZeptoJS

#GSAP #ScrollTrigger

Star rating! - звёздный рейтинг. Написан без использования JavaScript.

#css

1337 Matrix - Заставка с зеленым кодом из фильма «Матрица». Сделано на канвасе с js

#javascript

Rolling Text Hover Animation - при наведении курсора на текст происходит волнообразное скольжение вверх / вниз с изменением цвета текста

#css

Alien Rating Control - Звездный рейтинг с svg анимацией настроений вымышленного инопланетянина. Звезды представляют из себя radio элементы формы, а анимация выполнена с использованием js GreenSock

#HTML #javaskript #CSS