Here's a simple HTML5 example that changes the opacity of an image via CSS3 using an input range element and some Javascript.
<html> <head> <title>HTML5 example to change the opacity of an image via CSS3</title> </head> <body> <img id="img_0576" src="IMG_0576.jpg" alt="My bike"style="opacity: 0.5;" /> <input id="img_op" type='range' min='0' max='100' value='50' onchange="changeOpacity()"> <script> function changeOpacity() { var opacity = document.getElementById('img_op').value/100; document.getElementById('img_0576').style.opacity = opacity; } </script> </body> </html>