Результаты поиска

d1nk · Разработка

turbot, Спасибо вам большое за ответ.
У меня тоже глюков не было на другом компьютере. Но разница в том, что на одном компьютере я установил мозиллу в пятницу, самую новую версию с оффсайта, а на втором сегодня, тоже самую новую, и глюки есть только в последнем варианте. Не знаю, может за полтора дня выпустили новую версию, в которой они присутствуют :). Проверю еще раз завтра с первого компа, мб с установкой сегодняшней версии и там будут глюки.
Ну ладно, спасибо за полезные ссылки :)

05-04-2015 19:15:42
А по поводу глюков, появляются вот такие штуки по краям текста на секунду, и пропадают.

d1nk · Разработка

Здравствуйте!

Нашел для своего сайта вот такие анимационные блоки:
http://tympanus.net/Tutorials/OriginalHoverEffects/
реализовал их, в Google chrome работают отменно, но вот в Mozilla Firefox они отображаются с какими то "глюками", их сложно описать, проще самому увидеть перейдя по ссылке используя Мозиллу.

В 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- для правильной работы анимации в Мозилле.
То есть, чтобы всё заработало, мне достаточно добавить ниже всё тоже самое, только с -moz- вместо -webkit- ?
Должно быть что-то вроде этого?:
[code].menu ul li

…

Полезная информация

Разработка » Помогите, плохо отображаются CSS3 hover эффекты! » 05-04-2015 19:11:40

Разработка » Помогите, плохо отображаются CSS3 hover эффекты! » 05-04-2015 18:24:17

Код:

Board footer