2015-11-21 5 views
1

https://jsfiddle.net/gubLwvkt/масштабирование обходной путь? масштабирование вопросы

#icon-wrap:hover { 
    animation: animation 1000ms linear both; 
} 

после анимации, изображение (даже пробовал раньше с SVG) находится в более низком разрешении

есть способ работать вокруг? то, что я люблю об этих конкретных ключевых кадрах является то, что DIV не связывайтесь с объектами, она близка к

Единственный способ решения проблемы я нашел отходили ключевые кадры и с помощью перехода с изменением размера (но это вызывает другие проблемы, хотя)

@edit Я должен добавить, что в Firefox это нормально. В Opera это малокачество в течение нескольких секунд, и оно настраивается. Internet Explorer просто отлично. enter image description here

ответ

1

Chrome, кажется, для просмотра отсева при визуализации изображения, так как вы должны использовать 3D-преобразование, вы можете исправить это, установив видимость отсева на скрытое для WebKit:

#icon-wrap img { 
    width: 100%; 
    height: 100%; 
    -webkit-backface-visibility: hidden; 
} 

https://jsfiddle.net/gubLwvkt/1/

+0

Любовь это :) Gotta об этом читал – Dawid

+0

Вы наверняка должны, шляпы для прекрасной анимации, которую вы сделали :) – KAD

+0

это всего лишь шаблон от http://bouncejs.com/ Идите проверить! Тот, который я использовал, называется желе! – Dawid

Смежные вопросы