-moz-переход заголовка и асимметрия перемещения текста - PullRequest
Новая
       4

-moz-переход заголовка и асимметрия перемещения текста

1 голос
/ 23 февраля 2012

Я добавил -moz-transition:all 0.2s ease-in при наведении курсора. Но в FireFox заголовок и текст перемещаются асимметрично.

Образец: http://jsfiddle.net/wkcpL/1/

Проблема в font-family. Когда я удаляю font-family:Arial; из body или меняю Arial на Verdana, код атрибута начинает работать правильно.

Почему это работает для Verdana, но не работает для Arial?

1 Ответ

2 голосов
/ 23 февраля 2012

Ну, я не могу комментировать, как работает Вердана, но не Arial, но я думаю, что это связано с использованием margin для вашего перехода.Дайте ему шанс с transition:transform(-1px, -1px);.

Вот ваша скрипка с изменениями: http://jsfiddle.net/rgthree/jKHyu/

#content .block:hover{
    /* ... */
    -moz-transform:translate(-1px,-1px);
    -webkit-transform:translate(-1px,-1px);
    transform:translate(-1px,-1px);
}​
...