Esempio funzionante su tutti i browser che hanno supporto css3:
codice:<html> <head> <style> 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 ~ p{ opacity:1; } </style> </head> <body> <h1>This is heading 1</h1> <h2>This is heading 2</h2> This is a paragraph.</p> </body> </html>
Per una bella risata vai QUI
Ma il mio codice HTML non è quello... è questo:Originariamente inviato da Nobody33
Esempio funzionante su tutti i browser che hanno supporto css3:
codice:<html> <head> <style> 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 ~ p{ opacity:1; } </style> </head> <body> <h1>This is heading 1</h1> <h2>This is heading 2</h2> This is a paragraph.</p> </body> </html>
codice:<h1>This is heading 1</h1> <h2>This is heading 2</h2> This is a paragraph.</p> <h1>This is heading 1</h1> <h2>This is heading 2</h2> This is a paragraph.</p>
Ho visto, ma se non funziona, la si dovrebbe adattare; dipende di ciò che hai bisogno.
A chrome, chromium e safari non piace ciò che hai scritto, che ci vuo' fà.
Suppongo che tu volevi al h1:hover che ti appare il p, no?
Almeno da una prova FF mi faceva questo. Inoltre confermo che su chrome e varie manco funzionava.
Potresti spiegare cosa ci fa l'h2 in mezzo perché credo che dovresti trovare un'altra soluzione.
Per una bella risata vai QUI
Permessi di invio
Rispondi quotando