Curled Corners (Paper)
.curled_corners_top_left
.curled_corners_top_right
.curled_corners_top
.curled_corners_bottom_left
.curled_corners_bottom_right
.curled_corners_bottom
-
Only one
::before and only one ::after
pseudo selector per element, therefore no _all, nor
_left, nor _right, as they'd all require
multiple ::before and/or ::after selectors.
-
CSS style is
.curled_corners_{top,bottom}[_{left|right}]
-
Beware issues with
z-index on the parent
.container class. In the "all" page, the parent
container required a z-index: 0; to allow mouse
events to fire. pointer-events CSS didn't (seem to)
help.