Reply To: Opacity Transition on pseudo element in all browsers not working…but…!!!

[paulob]

Hi,

You have no generated content for the initial state so opacity doesn’t get animated.

e.g. content:” “;

.placeholder:before {
content:” “;
opacity: 0;
-webkit-transition: opacity 500ms ease-in;
-moz-transition: opacity 500ms ease-in;
-o-transition: opacity 500ms ease-in;
transition: opacity 500ms ease-in;
}