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

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

Текстовое конфетти

Интерактивный анимированный 3D-текст в canvas. Автор: Рэйчел Смит (@rachsmithtweets)


Карта мира

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


Трубопровод

Анимированные изгибающиеся линии на JS. Автор: Люк Ричардвилл (@lukerichardville)


Калькулятор

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


Бесконечный винт

Анимированные точки, движущиеся по спиралевидной траектории в canvas. Автор: Bali Balo (@BaliBaloPG)


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

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


Взрывы и поглощения

Анимированные точки, сливающиеся воедино, в canvas. Автор: Кушагра Гур(@chinchang457)


Кнопка

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


Loader…

Loader на css. Автор: ciprianionescu (@ciprianionescu)


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

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


Лунная походка

Лунная походка великого Майкла Джексона на CSS. Автор: Рафаэль Гонзалез (@rgg)


Частицы

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


Космическая бесконечность

3D-сцена с точками, движущимися в разных проекциях, в canvas. Автор: Тиффани Рэйсайд (@tmrDevelops)


Часы

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


Жираф

Жираф на CSS Автор: Джудит Ньюман(@judag)


Loader...

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


Шар с жидкостью

Анимация в виде градиентной жидкости, перемещающейся внутри шара, на SVG. Автор: Крис Ганнон (@chrisgannon)


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

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


Радужная паутина

Анимированные радужные линии, наслаивающиеся друг на друга, на JS. Автор: Дэн Кэт (@revdancatt)


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

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


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

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

  1. Denai

    Взрывы и поглощения почему-то в firefox отказались работать

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

      Приветствую.
      Проверил Firefox 41.0.1 — всё замечательно работает. У Вас Firefox какой версии?

      1. Denai

        Хм… 44.0.1 и был. И соответствующий ему dev. Не исключаю возможность влияния какого-нибудь адблока, но в хроме всё работало с ним.

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

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

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

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