CSS3 Transform не применяется ко всем <a>элементам, как задумано - PullRequest
Новая
       46

CSS3 Transform не применяется ко всем <a>элементам, как задумано

0 голосов
/ 22 декабря 2011

В моем заголовке указан CSS. 

a:link {
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color:#3462D6;
}

a:visited {
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color:#3462D6;
}

a:hover {
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color:#82D1F7;
}

a:active {
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color:#3462D6;  
}

a {
    text-decoration: none;
}

Для большинства ссылок переходы работают, однако ссылки, которые я посетил, не воспроизводят анимацию в Chrome (и я хотел быдопустим и другие браузеры webkit) Однако в Firefox все ссылки отлично справляются с анимацией перехода.

Что может быть причиной того, что ссылки не переходят в Chrome?URL-адрес http://www.fuyuri.com

1 Ответ

0 голосов
/ 22 декабря 2011

Переместить активное состояние выше состояния наведения. - ссылка, посещаемость, активность, наведение, фокусировка и вам нужно применить переходы ко всем состояниям. Переходы не наследуются.

...