CSS анимация SVG файла
Всем привет. Я тут впервые. Буду рад увидеть любые решения.
Вот в чём дело: пытаюсь сделать css анимацию лого в svg. Долго ковырялся с разными атрибутами(rotate,scale,skrew) ничего толково не вышло. Задумка как на фото ( вертикальный логотип смещается в одну точку вверх при этом уменьшаясь и выходит из это точки горизонтально увеличиваясь). фотоhttps://ibb.co/k0dcXGJ Ссылочка на кодпен |
Цитата:
Теперь эти данные нужно перевести в CSS-анимацию (@keyframes) или SMIL-анимацию (<animateTransform>). CSS-анимация (@keyframes) — https://codepen.io/Malleys/pen/KKdVRLj?editors=1000 SMIL-анимация (<animateTransform>) — https://codepen.io/Malleys/pen/eYpJrRw?editors=1000 Также вам нужно учитывать точку вращения (см. примеры) |
Спасибо большое) Вроде всё настроил.
|
Часовой пояс GMT +3, время: 18:16. |