у меня возникли проблемы с CSStransition свойство загружается при загрузке страницы.

Проблема в том, что когда я применяюcolor transition к элементу, (например:transition: color .2s) затем, когда страница сначала загружается, мои элементы мигает от черного к нейs свой назначенный цвет.

Предположим, у меня есть следующий код:

CSS

p.green {
   color: green;
   transition: color .2s;
   -moz-transition: color .2s;
   -webkit-transition: color .2s;
   -o-transition: color .2s;
}

p.green:hover {
   color: yellow;
}

HTML

    
    
    
    


    <p class="green">The Flashing Text</p>

На странице загрузки мойp.green исчезнет изblack кgreen

Я нене хочу применять цветовой переход к:hover псевдо класс как то не применил бы переходonMouseLeave.I»

Это действительно раздражает, когда текст вспыхивает на веб-странице. До этого момента я избегал использования переходов, если они мне действительно не нужны, и даже при этом я использую их с осторожностью. Было бы здорово, если бы было какое-то действительно очевидное решение этого вопроса, которое яЯ не вижу!

Изменить 1: Это происходит в Google Chrome. Haven»t протестирован в других браузерах ...

Изменить 2: После некоторых испытаний я понял, что я неМне нужен родительский элемент с назначенным цветом, чтобы вызвать мигание элемента со свойством перехода цвета, поэтому я перефразировал свой вопрос

jsfiddle.net/ShyZp/2 (спасибо @Shmiddty)