Search the Community
Showing results for tags 'opacity'.
Found 6 results
-
[UPDATED IN ANSWERS] Attached updated files. I'm trying to extend a rather well-used animation formula using css. To start, here's the basic animation: http://www.daellusknights.com The banner text is set to a specific rotation, Animation 1. (two instances) Likewise, the "glow" effect is also animated. (Animation 2) What my goal is, the "layers" of each word are going to be statically faded out by setting each layer slightly more transparent than the one before it. This includes setting the text, stroke, and glow opacity. I'm using "h1:nth-child(
-
Hi everyone, I am making a section of my webpage so that the image links will go from translucent to opaque during a cursor mouseover. However, there is an unintended effect - a little horizontal line (about 1 pixel by 5 pixels) appears at the lower right corner of the image link during the hover. Does anyone know how to make it so the little line does not appear? You can see the effect on http://www.jasonwangart.com - please see the top part of the sidebar, where the social media icon links are. I observed this effect on: Chrome 35.0.1916.114 Safari 7.0.4 (9537.76.4) Firefox 29 -
The code instructions on the W3schools sample makes ALL the images on my webpage transparent on rollover.What do I do to have this apply only to certain images.I want the image I have on the left side of a home page to stay 100% opache but I want 4 boxes that become transparent on rollover, located in the #maincontent div on my home page.
-
Hi,I tried to apply this example on my website and it didn't work.The problem is that the text is also included in the opacity and then you get a transparent text: My website: My code: shaltermain.htmlmystyle.css thanks! -
I'm using the following code. By clicking on div id="popUpPane", the div and it's childs should appear and slowly fade in.By clicking on the div again, it should slowly fade out and then disappear.Firefox and Chrome (which is webkit too) behave that way and I know Safari did in an earlier version, too. But right know on Safari and on Safari Mobile nothing happens at all when I click on "popUpPane".Is this a bug in Safari or is there something I could change to come back to the intended behaviour?One addition: If I set -webkit-transition to -webkit-transition: opacity .5s ease-in-out; it works
-
I've tried to use this to make the body background-color a bit of opacity: * { background-color: black; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); } It does not work on a background but a div.
