Крутые анимации

котик сделан из SVG картинок, анимирован с помощью библиотеки GSAP.JS, логика работы описана в TypeScript.

Лавовая лампа сделана на HTML и SCSS. Форму лампы автор задает с помощью CSS свойства clip-path. «Лаву» анимирует, используя CSS keyframes.

Красивое tabbar меню сделано из SVG картинок, которые анимированы с помощью библиотеки GSAP, включающую в себя MorphSVGPlugin

Loader автор анимирует CSS свойство transform, которому задает различные параметры и добивается эффекта жидкости у элементов загрузчика.

Рейтинг сделан без использования JS. Звезды — это стилизованные с помощью css радио кнопки.

Чекбокс, который защищает медведь. Реализован с помощью React, анимирован библиотекой GSAP.JS

Смена стадий луны реализована с помощью CSS анимации. Каждая отдельная звезда описана автором в свойстве box-shadow элемента .stars

При наведении на красивые travel карточки, активируется CSS свойство transform, которое создает эффект вращения.

Огромное количество разных переключателей на HTML, анимированные с помощью CSS, среди которых встречаются довольно оригинальные и интересные.

Демонстрация разметки, сделанной с использованием CSS Grid.

Бесконечно анимированное похищение животных НЛО. Разметка сделана с использованием препроцессора Pug. Стили и анимации описаны в SCSS.

Анимирован в JS. Параметры анимации можно настраивать с помощью инпутов, созданных в html