No one has voted on any posts yet. Votes from other community members are used to determine a member's reputation amongst their peers.
Im trying various ways to trigger a transition, the simplest being the use of css pseudoclasses: [CODE] //leaving out default header stuff// <head> <style> .item{ opacity:1; -moz-transition: opacity 1s ease; } .item:hover { opacity:0; } </style> </head> <body> <img src="myimage.jpg" class="item" /> </body> [/CODE] If i use js to make … |
|
I got transitions to work using a simple hover, but how do i make them respond to onclick? [CODE] <html> <head> <style> #trans { opacity:100; transition: all 1st ease-in-out; } #trans:hover { opacity:0; } </style> </head> <body> <img src="myimage.jpg" id="trans" /> </body> </html> [/CODE] |
|
I wrote this to trigger a video when an image is clicked, but its not working. Any help? [CODE] <head> <style> #movie {} #img {} </style> </head> <body> <embed type="application/x-vlc-plugin" name="VLC" target="mymovie.webm" id="movie" > </embed> <img src=myimage.jpg" id="img" /> <script> var v = document.getElementById("movie"); var i = document.getElementById("img"); i.onclick = … |