CSS-live.ru

Cтатьи по тегу «SVG»

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

1

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

Нейросеть

Анимированная связь между узлами нейронов, в canvas.
Автор: Матэй Копот (@MateiCopot)

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


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

1

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

Зимний лес

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

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


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

0

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

Спидер Рей

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

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


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

0

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

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

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

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


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

0

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

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

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

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


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

0

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

Космос

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

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

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

0

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

Тоннель

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

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


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

0

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

Гипнокуб

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

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


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

12

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

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

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