Efficiently Fading Background Image Sides
-
First, thanks for this theme! It completely rules.
I was wondering how to fade out the sides of my tiled background image to black. Similar to the box-shadow CSS:
#container {
box-shadow: 0 0 10px #000000;
margin: 0 auto;
width: 960px;
}…but fading to the sides, and each side ending in 100% opacity.
Is this possible?
Thanks!
Tyler
ModDo you mean that you want the black part up against the
container
div? Or do you want the black part at the left and right edges of the monitor?For the former, you’ll need to expand that
10px
in the box-shadow above.For the latter, read this:
http://www.codealpha.net/840/css3-box-shadow-on-left-and-right-sides-only/
ModPlease provide a link to your site and we can take a closer look.
Tried the plug-in “Better Backgrounds”?
Here is the website:
Hello. I’m trying to put a FadeIn effect in the background image.
I’m using the CSS
-webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 3s; /* Firefox < 16 */ -ms-animation: fadein 3s; /* Internet Explorer */ -o-animation: fadein 3s; /* Opera < 12.1 */ animation: fadein 3s;
Just that, I tried to put it in the content, in the
<a>
, in the ab-item, body.custom-background, etc.
Incidentally, I also tried to put it in the body, and everything fades, except the background image.Anyone knows how the background could react to the CSS?
Viewing 7 posts - 1 through 7 (of 7 total)
- You must be logged in to reply to this topic.