Toggle — кнопки переключения, реализованные с помощью тега input + CSS и тега button + JavaScript.

#css #javascript

CSS Color/Gradient Editor — редактор CSS-кода для цветов и градиентов. Есть готовые пресеты, цвета для генерации, а также готовая библиотека цветов. Получившийся CSS-код можно скопировать для своего проекта.

#css

Range — пример кастомной стилизации input типа диапазона, реализованный с помощью CSS и JavaScript.

#css #javascript

CSS 3D Blend Mode Buttons — кнопки с 3D-эффектом смещения RGB при наведении, реализованные на чистом CSS.

#css

VideoCall App UI — пользовательский интерфейс приложения VideoCall, реализованный с помощью jQuery.

#jQuery

Checkbox card — карточки с функцией чекбокса на чистом CSS.

#css

Satisfying Button (Neumorphism) — кнопки в стиле неоморфизма. Анимация при наведении реализована на чистом CSS.

#css

Hover slider — слайдер с анимацией смены слайдов при наведении на названия. Анимация реализована с помощью jQuery.

#jquery

Click to send - кнопка с анимацией отправки данных при клике. Состоит из SVG-элементов. Анимация реализована с помощью библиотек gsap, MorphSVGPlugin3, MotionPathPlugin и DrawSVGPlugin3.

#gsap

Choose Ticket — адаптивная страница с функцией выбора билетов на чистом CSS.

#css

Image Hover Effect — интересный эффект при наведении на изображение на чистом CSS.

#css

Upload Button w/Progress — кнопка загрузки с анимацией прогресса, реализованная с помощью JavaScript.

#javascript

Codepen Challenge: Click — кнопка с выезжающими панелями при клике, реализованная с помощью VueJS и GSAP.

#vue #gsap

Interior design builder — функция добавления понравившихся интерьеров в избранное, реализованное с помощью JavaScript.

#javascript

SMASH that Like Button — кнопка лайк с анимацией разлетающихся разноцветных частиц на чистом CSS.

#css

Working Stopwatch — секундомер, реализованный на чистом CSS.

#css

Build a fancy hover animation — анимация адаптивных монохромных карточек при наведении на чистом CSS.

#css

Jello Tab Bar — панель вкладок с плавной анимацией, реализованной с помощью JavaScript.

#css #javascript

WiFi loader animation — анимация поиска сети wi-fi на чистом CSS. Можно использовать как прелоадер.

#css

SVG Bike1.2 — анимация движущегося велосипеда на чистом CSS. Велосипед адаптивен и полностью построен из SVG.

#css