All Questions
9
questions
0
votes
1
answer
77
views
Clip/mask (remove) top-right image corner with SVG
Is there a (Cross browser (no IE)) way to clip the top right corner of an dynamically sized image with this svg? In the worst case, I can use a fixed aspect ratio, but I prefer it to be as flexible as ...
- 13
0
votes
1
answer
88
views
Use canvas as background for overlaying elements using mask
I have a full-screen background canvas, I want to draw elements on top of that canvas that act as a mask. So the canvas should only be visible through the overlaying elements.
Here's a picture on what ...
- 501
2
votes
1
answer
672
views
How would I go about clipping or masking an element by the shape of an SVG?
I have a multipath SVG that I would like to use to clip a CSS element. How would I go about making it so that the only part of the element I see is within the SVG? In other words, how would I make it ...
- 61
0
votes
2
answers
938
views
Use a dynamically expanding div as clipping mask for background image in parent
I'm looking for a CSS solution that adapts to div contents, with the functionality of clip-path but dynamic. This is my code:
.background {
background: yellow;
text-align: center;
}
.text {
...
- 25
0
votes
0
answers
30
views
Any way to replicate -webkit-mask-composite: destination-atop in Chrome and/or Firefox? [duplicate]
My goal is to be able to use a PNG alpha mask to create a "jagged edge" along the bottom of sections/row/containers on a website.
Because the rows can be of any height, I need to be able to ...
- 27
1
vote
1
answer
2k
views
How to position SVG clip-path using CSS and only clip one edge of clipped element
I am trying to use an SVG mask and the CSS clip-path property to make some "ragged" section dividers on a website.
I need to be able to apply ese "ragged" bottom edges to sections/...
- 27
0
votes
1
answer
312
views
CSS mask and clip-path both obstruct other elements in on the page in Safari
I have a project where I need to use both clip-path and masks in order to get some sort of gradient coloring onto a div. I use the clip-path and mask to contain the colors within the borders of the ...
- 1,133
3
votes
2
answers
362
views
I can't frame this image inside an SVG
I want to wrap this
inside
to achive a result similar to
(source: i.ibb.co)
it is to say, the t-shirt should be cropped inside the cloud, following its path.
I tried to use a CSS border mask, but I ...
- 43
0
votes
2
answers
6k
views
css property mask is not working properly for svg
Css property clip-path is work fine but mask or -webkit-mask is not working properly in this example.
Please help me to solve this because my project is totally depended on masking image with svg ...
- 1,367