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

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

Звёздный луч

Множество точек создают пучок света на JS. Автор: Еити Кобаяши (@ykob0123)

See the Pen three.js Points anti-gravity is applied ver2 by yoichi kobayashi (@ykob) on CodePen.

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


8-bit охотник

Фигура охотника сделана при помощи множества теней на CSS. Автор: Drodarious (@Drodarious)

Восьмибитный охотникПосмотреть живой пример


Вихри

Разноцветные точки кружатся в вихрях, на JS. Автор: Бас Грутед (@BGroothedde)

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


Антигравитация

Точки воспаряют над поверхностью. Выполено на JS. Автор: Еити Кобаяши (@ykob0123)

АнтигравитацияПосмотреть живой пример


Магнитные линии

Анимация в виде магнитных линий в canvas. Автор: Илья Жечев (@ichko)

Магнитные линииПосмотреть живой пример


Черные ивы

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

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


Футуристичный интерфейс

Интерфейс из любого фильма, на JS. Автор: webull (@webull)

Футуристиный интерфейсПосмотреть живой пример


Автожук

«Мне, пожалуйста, такую же, только %color-name%». Выбирайте любой цвет для машины. Сделано при помощи blend-mode на CSS. Автор: Ноа Бло (@noahblon)

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


Дождь

Управляйте направлением ветра, на JS. Автор: Калеб Миллер (@MillerTime)

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


3D-цветок

Интерактивная сцена с 3D-цветком на JS. Автор: Жереми Буле (@Jeremboo)

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


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

2 Комментарии

  1. amelice

    Ребята отличный подбор. Спасибо!

    1. Николай Шабалин (Автор записи)

      Пожалуйста! Мы рады, что вам понравилось. =)

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

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

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

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