Архив тегов: SVG

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

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

Зимний лес

Интерактивная сцена с зимним лесом, на JS.
Автор: cjgammon (@cjgammon)

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


(далее…)

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

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

Спидер Рей

Анимированный мотоцикл из Star Wars, на CSS.
Автор: Кевин Дженнис (@kevinjannis)

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


(далее…)

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

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

Космический шум

Большое количество точек перемещаются и создают подобие магнитных волн, в WebGL.
Автор: Итан Шульман (@EthanShulman)

Космический шумПосмотреть живой пример


(далее…)

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

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

Сфера из кристалов

Анимированная сфера, в WebGL.
Автор: Еити Кобаяши (@ykob0123)

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


(далее…)

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

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

Водопад

Сцена с водопадом сделана в WebGL.
Автор: CJ Gammon (@cjgammon)

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


(далее…)

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

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

Космос

Анимированные точки создают холст в виде космоса в canvas. Автор: Aitor (@AzazelN28)

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

(далее…)

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

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

Тоннель

Анимированный тоннель состоящий из точек в canvas.
Автор: Ник Шефилд (@nicksheffield)

ТунельПосмотреть живой пример


(далее…)

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

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

3D-самолёт

Анимированный самолёт на CSS.
Автор: bodiche (@bodiche)

3D-самолётПосмотреть живой пример


(далее…)

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

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

Гипнокуб

Анимированные шестиугольники на CSS.
Автор: Грегор Адамс (@GregorAdams)

ГипнокубПосмотреть живой пример


(далее…)

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

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

Икосаэдр

Анимированный икосаэдр в canvas.
Автор: Bali Balo (@BaliBaloPG)

ИкосаэдрПосмотреть живой пример


(далее…)

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

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

Хаски

Анимированная хаски на CSS.
Автор: Дэвид Хуршид (@davidkpiano)

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


(далее…)

Фокус (и стили) по клику на SVG-элементе

Перевод статьи Click SVG Element to Focus (and Style) с сайта css-tricks.com, опубликовано на css-live.ru, автор — Крис Койер.

Читатель пишет:

Вы не могли бы помочь мне сделать SVG кликабельным с помощью CSS? Задача такая: есть SVG-элемент, и по клику на любую из его частей в этом месте должна появляться обводка? Во вторник у меня собеседование по телефону на работу в качестве SVG-иллюстратора и мне не хотелось бы облажаться.

(далее…)