Еженедельная подборка красивых эффектов на CSS/SVG/JS #14

Подборка свежих эффектов, интересных идей и полезных наработок.

Лабиринт

Выстраивание треугольников в форме паутины вслед за движением курсора в canvas.
Автор: Тиффани Рейсайд (@tmrDevelops)

ЛабиринтПосмотреть живой пример


Пузырики

Анимированное хаотичное движение пузырьков на CSS.
Автор: Джеорджина Блантин (@gianablantin)

ПузырикиПосмотреть живой пример


Мерцающий куб

Интерактивный куб, состоящий из миниатюрных вращающихся пирамид, на JS.
Автор: Женя Задворных (@Zadvorsky)

Мерцающий кубПосмотреть живой пример


Загрузка страницы

Загрузка страницы на CSS.
Автор: Виталий Панков (@depugger)

Загрузка страницыПосмотреть живой пример


Развлечение

При наведении курсора начинается трансляция видеоматериалов. Сцена выполена на CSS.
Автор: Plantmonster (@Plantmonster)

РазвлечениеПосмотреть живой пример


Grunt

Когда люди перестают пользоваться Grunt, он начинает грустить. Анимированный логотип Grunt на SVG.
Автор: airnanan (@airnanan)

GruntПосмотреть живой пример


Колейдоскоп

Анимированные гексагоны в canvas.
Автор: Gabi (@w3unpocodetodo)

КолейдоскопПосмотреть живой пример


3D-куб

Интерактивный анимированный куб на JS.
Автор: unlikenesses (@unlikenesses)

3D-кубПосмотреть живой пример


Рождественский шар

Шар можно встряхнуть кликом мыши. Интерактивный анимированный рождественский шар в canvas.
Автор: Луис Хоебрейт (@Mamboleoo)

Рождественский шарПосмотреть живой пример


Летающие буквы

При вводе букв в input они начинают выпрыгивать снизу вверх. Выполнено на JS.
Автор: Младен Станожевич (@mladen___)

Летающие буквыПосмотреть живой пример


P.S. Это тоже может быть интересно:

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Ваш E-mail не будет опубликован

Получать новые комментарии по электронной почте. Вы можете подписаться без комментирования.