Tech tip - 8 value border-radius

The 'border-radius' property in CSS can have 8 values: four horizontal radius values, a slash and then four vertical values.

The 'youtube' icon at 'css.gg' uses this to have corners with longer vertical parts. See: 'css.gg/youtube'.

You can also make odd-looking curved shapes.

I almost understand how to draw triangles in CSS after looking at the arrow heads in icons on 'css.gg' such as 'youtube' where it is in the ':before' element.

There are more tips at: bbingo.xyz/techtips/