>Форум Mozilla Россия http://forum.mozilla-russia.org/index.php >Разработка http://forum.mozilla-russia.org/viewforum.php?id=18 >Помогите, плохо отображаются CSS3 hover эффекты! http://forum.mozilla-russia.org/viewtopic.php?id=67078 |
d1nk > 05-04-2015 18:24:17 |
Здравствуйте! Нашел для своего сайта вот такие анимационные блоки: В CSS это выглядит примерно так (не полный код): Выделить код Код:.menu ul li { display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } Я находил информацию, что нужно добавлять префикс -moz- для правильной работы анимации в Мозилле. Выделить код Код:.menu ul li { display: inline-block; position: relative; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } (Исправьте, пожалуйста, если не так) Если мои рассуждения не верны, прошу вас помочь мне в решении этой задачи. Спасибо! |
turbot > 05-04-2015 19:02:39 |
Я никаких глюков по ссылке не наблюдаю. Впрочем, у меня ночнушка, может какие-то используемые в стиле свойства (из не перечисленных вами) еще не поддерживаются в стабильной фф. Но из перечисленных - ни один не нуждается в префиксах. Достаточно просто: transition, transition-duration, transition-property, transform. Только -webkit-tap-highlight-color - не имеет аналогов. Это вообще какая-то самодеятельность, без аналогов в спецификациях w3c. Но беглое гугление предлагает замену. А вообще, список поддерживаемых фф (по версиям) свойств css, можно смотреть здесь: с префиксами/без. |
d1nk > 05-04-2015 19:11:40 |
turbot, Спасибо вам большое за ответ. 05-04-2015 19:15:42 |