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

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

Вращающаяся галактика

Интерактивная 3D-модель галактики на WebGL. Автор: Atrahasis (@astrak)

See the Pen WebGL Galaxy by Atrahasis (@Astrak) on CodePen.

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


Искрящийся фейерверк

Анимация точек в виде искрящегося фейерверка в canvas. Красный пучок фейерверка вырастает прямо у Вас из-под курсора мышки. Автор: Джефф Томас (@aecend)

Искрящийся фейерверк Посмотреть живой пример

Загрузка…

Анимированный капельный loader на CSS. Автор: Николай Таланов (@NikolayTalanov)

2015-09-09_1355 Посмотреть живой пример

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

Интерактивный симулятор жикости на JS. Автор: Dissimulate (@dissimulate)

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

Ещё одна загрузка…

Анимированный loader на CSS. Автор: Dissimulate (@dissimulate)

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

Конфетти

Анимация хаотично передвигающихся разноцветных точек на JS. Автор: Дэн Уилсон (@danwilson)

Хаотичные точки Посмотреть живой пример

Бургер

Аппетитная иллюстрация на CSS. Автор: Ахмад Шадид (@shadeed9)

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

Кофеварка

Иллюстрация кофеварки с анимированными падающими капельками на CSS. Автор: Ахмад Шадид (@shadeed9)

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

Неоновая линия

Анимированная абстрактная линия с неоновым свечением в canvas. Автор: Алекс Пермяков (@alexpierre)

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

Кубизм

Интерактивная масштабируемая 3D-сцена с имитацией освещения из центра в canvas. Автор: Жерар Феррандэ (@ge1doot)

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

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

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

  1. suez

    Пен «Загрузка…» от Airen является сворованной(или просто человек форкать не умеет) и перекрашенной версией моей демки — http://codepen.io/suez/pen/XbyZwx (думаю по датам создания определитесь).

    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>

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