Еженедельная подборка красивых эффектов на 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 не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

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