1 218 Codepen

Солнечные лучи

Солнечные лучи на изображении. При движении изображения создается эффект прохождения лучей сквозь листву дерева. Сделано с использованием шейдеров и jаvascript

Солнечные лучи
961 Codepen

Энергия

Энергетические лучи следующие за курсором. Написано на JS на canvas

Энергия
1 548 Text / Codepen

Гибкий текст

Немного css магии font-variation-settings, -webkit-background-clip, -webkit-text-fill-color приправленной js и прикольный эффект над текстом.

Гибкий текст
1 265 Codepen

Бесконечный CSS grid

Бесконечно перетаскиваемые изображения по всем направлении на гридах и с применением библиотеки anime.js

Бесконечный CSS grid
1 337 Codepen

Спирали

Случайно генерируемые градиентные спирали на канвасе

Спирали
1 918 Codepen

Частицы на three.js

Частицы на three.js с возможностью настроек вариантов отображения с помощью dat-gui

Частицы на three.js
1 942 Скрипты / Other

Изменение формы курсора при наведении на ссылку

Эффект двойного курсора, когда за привычной стрелкой двигается кружок. Когда наводим на элемент с определенным классом, например на ссылку, то кружок плавно увеличивается в размере. Для придания плавности движения кружку используется библиотека GSAP.

Изменение формы курсора при наведении на ссылку