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

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

Молекулярное кольцо

Анимация в виде кольца, состоящая из большого количества хаотично передвигающихся точек, в canvas. Автор: whqet (@whqet)

See the Pen zvKeeV by haiqing wang (@whqet) on CodePen.



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


Apple TV poster

Ставшее модным после последней презентации Apple превью фильма на JS. Автор: Мариус Балая (@mariusbalaj)

Калькулятор

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


Loader…

Анимированный loader на CSS. Автор: Павел Куна (@codecalm)

Радужный коллайдер

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


Космический крейсер

Интерактивная 3D-сцена с космическим крейсером-невидимкой на WebGL. Автор: Atrahasis(@NAtrahasis)

Кнопка

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


Глубоко

Интерактивная сцена с плавно перемещающими точками в canvas. Автор: Тиффани Рейсад (@tmrDevelops)

Кто проживает на дне океана?

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


Пламя

Имитация пламени с помощью анимированных точек на JS. Автор: Мусса Дембеле (@mousman)

Частицы

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


Геометрические формы

Интерактивная 3D-сцена, состоящая из точек, формирующих геометрические тела на JS. Автор: Пол Смит-Амундсен (@paalsa)

Часы

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


Космо-капсула

Что если бы наша солнечная система находилась внутри одной капсулы? Сцена сделана на JS. Автор: Никикта Джадао(@jdniki)

Loader...

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


Гексагон

Анимированный гексагон на CSS. Автор: Грегор Адамс (@GregorAdams)

Гексогональная волна

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


Любовь

Если бы у кубика Рубика было сердце, оно было бы таким. Анимированные кубы в форме сердца на CSS. Автор: Грегор Адамс (@GregorAdams)

Симулятор жидкости

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


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>

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