Stack Overflow
Stack Overflow

Questions tagged [clip-path]

A CSS property that makes it possible to specify a specific region of an object to display.

The clip-path property in CSS allows you to specify a specific region of an element to display, rather than showing the complete area. There used to be a clip property, but note that is deprecated.

670 questions
-1
votes
1 answer

shape-outside property not working at all

I have just started trying out the shape-outside property in css but I am not able to make it work,no matter how many documentation or blogs I go through. I may have done a silly mistake but I am not not sure about it. Can someone point out the…
Rehan
  • 3,813
  • 7
  • 37
  • 58
-1
votes
1 answer

Is this shape feasible in CSS rather than clip-path

I've just found out that clip-path is not recognized by firefox, and therefore I would like to re-create a shape similar to the one below but in CSS. Is it possible? Many thanks,
Greg
  • 3,025
  • 13
  • 58
  • 106
-1
votes
1 answer

SVG clipPath issue

I have a svg tag with two circle elements inside that which are the same as each other. with same X and Y and R. but when I put one of them inside a clipPath and link it to an image or div, the position of the clipped circle will change. what is the…
Navid Nazarian
  • 30
  • 7
-1
votes
1 answer

Clip-path inside a div

I'm trying to make a clip-path mask like this example: http://html.blahlab.com/tato/ but I've got the following problem: the mask is on the top left of the page, and it doesn't "follow" the linked div like the example. My page is: http://mmazza.com/
user3653589
  • 27
  • 5
-2
votes
2 answers

CSS: Create looking down *D Shaped* div

I have tried my best to use clipPath editors but not able to achieve a shape like this one. Any help ?
Prémices K
  • 65
  • 2
  • 6
-2
votes
1 answer

I am having an issue displaying Clip-Path on iphone chrome/safari browser

I have created a test project at http://secretchickens.com/ using clip-paths to adjust the background. It works great on computer browsers, but on my iPhone with chrome/safari I can't see the clip-path. Do I need to do anything to make this work?
Chris Grim
  • 149
  • 1
  • 6
  • 20
-3
votes
1 answer

CSS, How can I do the exact opposite of this clip-path?

Hi guys I'm trying to make a arrow back shape for a container in my react project, so right now I managed to make a forward arrow using clipPath:
which gives me the…
jose fernandez
  • 41
  • 1
  • 6
-4
votes
1 answer

Background image pattern with hoverable effect

Do you have any idea on how to make this kind of pattern? I only have a background image like this and I want the 4 light-colored hexagons to be a link. I already tried using svg but I think it will cost me more time on updating its…
iamsushi_j12n
  • 115
  • 1
  • 9
-4
votes
2 answers

how to make an image lopsided?

I came across a website in which there was an image that was lopsided, I was wondering how it's done. I tried to find out how it's done in Chrome Inspect tool but unfortunately I couldn't find out. I guess one way of doing it would be to use a…
Mahdi Ghajary
  • 2,717
  • 15
  • 20
-5
votes
1 answer

How we can make compatible clip-path css property for all browser without svg?

How we can make compatible clip-path css property for all browser without SVG ?
irfan ali
  • 1
  • 2
1 2 3
…
44
45