1

When using clip-path to draw an ellipse the edge is always blurred. Is there a way to have a hard edge?

HTML

<div></div>

CSS

div {
      background-color:red;
      clip-path: ellipse(140% 100% at 10% 0%);
      height:350px;
}

Example

Trent
  • 429
  • 1
  • 5
  • 19
  • Adding a border of the same colour might help -> https://stackoverflow.com/questions/31854185/how-to-add-border-in-my-clip-path-polygon-css-style#answer-44331414 – Morpheus Jul 14 '17 at 14:59
  • Thank you for the suggestion and I gave it a go but it didn't work unfortunately – Trent Jul 17 '17 at 01:41

0 Answers0