Values
Note: Any
void elements
(e.g. img
) will need to be wrapped in an element with the
class
pixel-corners--wrapper
Preview
100px x 50px
![A pixel art image of a spaceship](/spaceship.png)
150px x 75px
![A pixel art image of a spaceship](/spaceship.png)
300px x 150px
![A pixel art image of a spaceship](/spaceship.png)
600px x 300px
![A pixel art image of a spaceship](/spaceship.png)
Generate pixelated rounded corners for your website using CSS clip-path!
Built by Luke Bonaccorsi
Read about how this technique works in the post on my blog
Note: Any
void elements
(e.g. img
) will need to be wrapped in an element with the
class
pixel-corners--wrapper