Buonasera a tutti, sto riscontrando un problema molto strano con webkit-transition e utilizzando il selettore +. Mi spiego meglio con del codice molto banale:
HTML
codice:
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
This is a paragraph.</p>
</body>
CSS
codice:
p{
opacity: 0;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
}
h1:hover + h2 + p{
opacity:1;
}
Portando il mouse su h1 dovrebbe vedersi in transizione p, il problema è che su mozilla e ie funziona benissimo, su chrome e safari che utilizzano webkit non va...
Grazie.