CSS movement path. Pure CSS animation along svg path with offset-path / motion-path and keyframe.

preview_player
Показать описание
CSS property used to specify the path on which the element moves. Allows to use of complex shapes to animate html elements in any way. Offset-path for modern browser and older motion-path usues svg path coordinates to animate element with keyframes animations can look awesome and non linear.

Рекомендации по теме
Комментарии
Автор

awesome solution to animate svg objetcs thanks

juanguerra
Автор

Nice job!

According to caniuse CSS motion path is not yet supported in Safari :(

But when it will be - it will be a game changer

serjmarkelov
Автор

Hi there. Is there any tool to extract an SVG map like yours? i have been trying to to something similar.

raduciucu
visit shbcf.ru