All Questions
14
questions
1
vote
0
answers
46
views
Clip image inside of enclosed letters
I'm trying to clip an image inside of a letter/number (in this case 0).
This can ofcourse be hardcoded with a simple clip path, but this will make responsiveness and text size a lot more complicated ...
0
votes
1
answer
145
views
How to add border in a image with clip-path: circle() property in css
I want to know how to add border in image clip-path:circle(); any alternative way to add border?
like : border:5px solid red;
I tried this:
.roundedimage {
width: 200px;
clip-path: circle();
}
...
0
votes
0
answers
128
views
Creating a house clip path like this one attached
Is it possible to make a clip path that looks like this
If so does anyone have any clip paths they can share with me?
Thank you
I have tried using https://bennettfeely.com/clippy/ but it is not that ...
- 11
0
votes
1
answer
342
views
SVG image with clip-path not clipping properly
I am trying to add a clipping mask to set of images on SVG. But the images are not showing properly.
<g *ngFor="let node of nodeList" [attr.transform] = "'translate(0,1460) ...
- 235
0
votes
1
answer
97
views
extract landscape image from any ratio in css
Can anybody tell how to "extract" a landscape image in css from no matter what ratio the image has before?
The Image should not be scaled but being cropped.
The "new image" should ...
- 302
0
votes
1
answer
218
views
z index is not working on image while using clip path on header element [duplicate]
this is the screen shot of my problem.Thanks for this community to give me opportunity to have my problem to be solve, as I am facing problem in header section that my statistics image is not ...
9
votes
1
answer
3k
views
Wrap text content inside a clip path polygon(triangle) shape and image clipped on other half
Im trying to achieve something like this
I need to display some text and an image in two halves like shown in the above image.
Tried to use clip-path ,but the text content is not wrapped and have ...
- 857
0
votes
1
answer
1k
views
Reveal image from right to left with width?
I have tried looking at answers of similar questions here but nothing solves my problem.
Quarter of a circle
I want to increase the width of my image from right to left. I have tried position absolute:...
- 1
1
vote
1
answer
2k
views
Borders of divs shaped as a polygon (with clip-path in CSS) with a background image
I have a simple 100vw-100vh page with 3 images in the background for mobile, and 5 in a different set-up for larger viewports.
The way I have it set-up so far:
3 (or 5) div containers, clipped as a ...
- 53
1
vote
1
answer
857
views
Resizing clipped part of the image with CSS
I am trying to figure out, if there is any way to resize the clipped part of the image with use of css. In the most expected version, image resized this way should keep the imposed aspect ratio.
I ...
- 103
0
votes
1
answer
43
views
Clip Image to circle with one edge
I need to crop the following image to the image after that.
Should be available on a website. (So no psd etc).
I tried with the clip-path tool but it doesn't seem to work properly.
So Maybe i need to ...
- 397
0
votes
1
answer
503
views
SVG Clip-Path on Image not working on iOS
I'm having a problem with a SVG element containing Polygons, Images and Clip-paths on IOS devices. My code works nice in Windows and Android, but in iPhone the image does not appear. I can the SVG, ...
- 1
3
votes
2
answers
1k
views
SVG rounded triangle with gradient overlay and background image
I have the below code that is creating a simple rounded triangle shape with a purple gradient. I'm trying to insert a background image that will fill the shape underneath the gradient to create a ...
- 3,948
1
vote
1
answer
253
views
SVG Image object created from javascript is not rendered
I'm trying to create an image with a clip-path, but when the object is created dynamically, the image is not rendered.
Here is the code sample, the first SVG is created from JS and the second from ...
