Opacity Hover CSS3

/* Already with http://prefixr.com/ defined pattern */ opacity-hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; -ms-transition: opacity 0.5s linear; transition: opacity 0.5s linear; }

1 Response

1. You forgot a period in front of "opacity-hover" since I assume you are defining a class.
2. Do you plan on dynamically adding/removing this class to elements when you hover over them? Much better to use element:hover.

Write a comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.