Making a pseudo arrow with border-radius

8 Responses

1. Pro Dan Cederholm

   Having fun with differing x and y values to (sort of) create a pointer:

   border-top-right-radius: 50px 30px;
   border-bottom-right-radius: 50px 30px;

   over 2 years ago

2. William Couch

   Clever.

   I hope we continue to see as many graphical elements rendered via CSS on sites as are reasonably possible.

   over 2 years ago

3. Scott McCracken

   i heart border-radius.

   over 2 years ago

4. Josh Brewer

   I don't even want to mention what it looks like... a missile, jeez, get your mind out of the gutter.

   over 2 years ago

5. Pro Davin Risk

   I wish there was a border-angle property.

   over 2 years ago

6. Pro Steve Smith

   This is where I'd like 'background images' that can act as alpha channels on CSS elements. Maybe in CSS4.

   over 2 years ago

7. Luke Dorny

   lozenge

   over 2 years ago

8. Geoffrey Grosenbach

   @orderedlist Ooh, like a mask? That would be awesome. Doubly awesome if the masked out area wasn't clickable.

   over 2 years ago