В общем, хочу что бы svg ожил.
Начитался много, кто-то говорит что нет, нельзя анимировать svg при помощь сss ибо это зло и не везде работает.
Другие говорят что нет, js это зло, зачем тогда css3.
Точно не знаю, но по сути если брать js то анимация будет всегда работать, если нет поддержки css3 (а таких мало, вроде как).
В защиту css скажу что так проще, да и правильнее.
Собственно, а что выбрать?
SMIL - вроде как морально устарело или снова бред написали ?
С наступившим новым годом, пускай все верстается без всяких проблем.
Хочется услышать тех, кто этим давно занимается и знает где подводные камни.
Я себе, честно говоря, довольно смутно представляю полноценную анимацию SVG средствами CSS3. Да и чем не угодил JS? Тем, что нужно подгружать дополнительные библиотеки? Так у нас вроде как век скоростного интернета настал. Dial-Up давно позади, да и ADSL уже остался у единичных пользователей. Да и те, возможно, не являются целевой аудиторией проекта, который требует каких-то особых изысков в данной области.
Используйте, например, Snap.svg, ну или любую другую библиотеку для полноценной работы с SVG-анимациями и маниуляциями. И будет Вам счастье :)
В идеале лучше использовать JS.
CSS-анимации могут глючить (особенно в IE), но в принципе для элементов интерфейса вполне можно использовать, только проверьте, что в нужных браузерах работает как надо.
SMIL-анимация не поддерживается IE и не будет, ее сейчас вообще нет смысла использовать. От Microsoft кстати есть неплохое руководство про SVG-анимацию.
Простой
