Я изображение обрезается по пути клипа в качестве SVG:SVG изображения с зажимом-пути, оживляющей масштабе или ширина
http://codepen.io/mjjwatson/pen/GopNaj
Я оснащенном эту ручку для переключения увеличенного класса на изображение каждые четыре секунды. Там есть переход по ширине, поэтому я ожидаю, что изображение оживит его ширину с 42% до 100%, в то время как клип-путь остается тем же, создавая эффект масштабирования изображения. Тем не менее, в Chrome, похоже, сбой обновления - если вы измените размер браузера, вы увидите изменение ширины, но не анимацию.
Я также попытался преобразовать масштабирование изображения:
image { transform: scale3d(1.2,1.2,1); }
Это масштабирует изображение и делает анимацию по желанию, хотя она также масштабирует клип-путь.
Есть ли еще одно решение для достижения этого эффекта масштабирования изображения при сохранении пути клипа на месте или я должен переосмыслить вещи?
Вы пытаетесь создать что-то вроде этого http://codepen.io/anon/pen/RrWKbR? –
Вы можете переместить клип-путь к родительскому элементу '', но Chrome, похоже, не будет правильно отображать анимацию, если вы это сделаете. –
@NenadVracar нет, я не так, поскольку это оживляет клип-путь. Цель состоит в том, чтобы анимировать изображение, но не клип-путь. – mjjwatson