HTML CSS examples for CSS Widget:Color
Shift the color of a div using css
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .button{<!--from w w w . j a va2 s .c o m--> font-size: 80px; display:block; line-height:100px; text-align:center; color:rgba(255,255,255,0.5); width:100px; height:100px; background-color:green; } .button:hover{ -webkit-filter:hue-rotate(250deg); -moz-filter:hue-rotate(250deg); -ms-filter:hue-rotate(250deg); filter:hue-rotate(250deg); } </style> </head> <body> <a class="button">A</a> </body> </html>