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

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

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

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