Showing only part of background image using CSS3?

Well only problem is that "clip-path", "mask" and "filter" (no not the IE "filter" but SVG "filter") only works for Firefox and Safari (yes no Chrome). And they do it differently. Firefox needs an svg clippath specified via an id eg.

Well only problem is that "clip-path", "mask" and "filter" (no not the IE "filter" but SVG "filter") only works for Firefox and Safari (yes no Chrome). And they do it differently. Firefox needs an svg clippath specified via an id eg: .

Box { clip-path: url("roundedrect. Svg#cp1"); } while Safari just uses the shape itself to create clippath from: . Box { clip-path: url("roundedrect.

Svg"); } I have yet to discover a way to do it in Opera and Chrome. But for FF and Safari "cross browser" example I have created this: http://tokimon.dk/testing/css-svg-test.html. Otherwise maybe you can get something out of the background manipulation in CSS 3: http://www.css3.info/preview.

Try this: body { background-image:url('top. Jpg'), url('middle. Jpg'), url('bottom.

Jpg'); }.

WebKit now supports alpha masks in CSS SVG images can be used as masks. For example, a partially transparent circle. -webkit-mask-image: url(circle.

Svg); webkit.org/blog/181/css-masks/ hope this helps.

In Opera you can only use inline SVG in a xhtml page to do that effect. Chuck your image inside SVG, define a mask and do a to get the effect.

Incidentally, Chrome does SVG masks for me. Otherwise what Tokimon says. – Silvia Aug 12 '10 at 4:54.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions