Bongo Cat Codes #2 — весёлый котик пишет код. Анимация зацикливания реализована с помощью GSAP и DrawSVGPlugin.

#gsap #javascript

Text Grid with Mouse Interaction — причудливый эффект текстовой сетки с переменными CSS и взаимодействием с мышью на JavaScript.

#css #javascript

Longcat Range Sliders — необычная реализация range-слайдеров в виде котиков, выполненная с помощью CSS и JavaScript.

#css #javascript

Tilt to make room for menu — анимация наклона фонового изображения и появления меню при нажатии на кнопку. Анимация реализована на чистом CSS.

#css

Menu Effect — эффект появления фонового изображения при наведении на пункт меню. Реализован с помощью jQuery.

#jquery

Circular reveal animation — круговая анимация раскрытия меню, реализованная с помощью JavaScript и библиотеки circular-revealer@0.0.8.

#javascript

From button to dialog — появление диалогового окна при клике на кнопку, реализованное с помощью React.

#react

Space button — анимация отправки сообщения в космическом стиле при клике на кнопку. Реализована с помощью GSAP.

#gsap

FLIP CLOCK — перекидные часы. Отсчёт времени реализован с помощью jQuery.

#jquery

Stack game — игра "Стековая башня", реализованная с помощью библиотек Three.js и Cannon.js

#treejs #cannonjs

Hamburger Menu Animations — 4 вида плавной анимации для гамбургер-меню, реализованные на чистом CSS.

#css

Shutter Vertical Reveal — анимация вертикального раскрытия скрытого контента в виде затвора. Реализована с помощью JavaScript.

#javascript

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

#css

Background clip text hover animation — анимация чередования фоновых изображений внутри текста при наведении на текст, реализованная на чистом CSS.

#css

TV Shows Slider — необычный слайдер с плавным перелистыванием слайдов, реализованный с помощью jQuery.

#jquery

Smooth Scroll Reveal — анимация плавного появления изображений при прокрутке страницы. Реализована с помощью GSAP и ScrollMagic.

#gsap

Pure CSS Modal — модальное окно на чистом CSS.

#css

Dummy Multi Layer Page Reveal Effect — эффект открытия многослойной страницы-пустышки при нажатии на кнопку. Реализован с помощью CSS и JavaScript.

#css #javacript

Pixel gradient — завораживающая фоновая анимация пиксельного градиента, реализованная с помощью JavaScript.

#javascript

Paper Cut Text Effect — текст с эффектом вырезки из бумаги. Реализован с помощью JavaScript-библиотеки React. Анимация реализована с помощью CSS.

#javascript #css #react