CSS-live.ru

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

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

Шахматная партия

Анимированная сцена с борьбой в шахматах Каспарова с Deep Blue, на JS.
Автор: Вичио Бонура (@V17h3m)

Шахматная партияПосмотреть живой пример


Скалы

Интерактивная сцена с пирамидами, на JS.
Автор: Крис Ганнон (@chrisgannon)

СкалыПосмотреть живой пример


Легионы

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

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


Звуковой эффект

Звуковой эффект, на CSS.
Автор: Томас Подгродзкий (@Podgro)

Звуковой эффектПосмотреть живой пример


Размытый лес

Интерактивная сцена с линзой для разблюривания фона, в SVG.
Автор: Руслан (@mrspok407)

Размытый лесПосмотреть живой пример


Человечки

Интерактивная сцена с человечками. Можно хватать.
Автор: Йохан Карлссон (@DonKarlssonSan)

ЧеловечкиПосмотреть живой пример


Спираль

Интерактивная сцена со спиралью. Измените размер окна.
Автор: Джеми Култер (@jamiecoulter89)

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


Текст

Анимированный текст, на CSS.
Автор: Cm0nsters (@Cm0nsters)

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


Пузырьки

Анимированная сцена с пузырьками на фоне, в canvas.
Автор: Джулиен Эмблард (@capse)

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


Миссия на Марс

Анимированная сцена, в SVП.
Автор: Син (@nevernotsean)

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


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

6 комментариев

  1. Шахматы, видимо, работают только в хроме. Лиса показывает какую-то дичь с ныряющими в стол фигурами

        1. Вот, да. И уже совершенно по-другому воспринимается, можно сосредоточится на шахматной игре, а не на названиях…

  2. Линза для осмотра леса понравилась.
    А шахматы разочаровали — по ним понять ничего не возможно…

Добавить комментарий для Алексей Отменить ответ

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

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