ryanve / sharp.css

CSS sharp corners

sharp.css

CSS border-radius border classes

npm install sharp.css

@import "node_modules/sharp.css/sharp";

• Load sharp.css after your rounded corner implementation. See demo.
• Keep contour bias in mind when designing corners.

classes

.sharp-all

Sharpen all corners.

.sharp-top

Sharpen top corners.

.sharp-bottom

Sharpen bottom corners.

.sharp-left

Sharpen left corners.

.sharp-right

Sharpen right corners.

.sharp-stack

Sharpen vertical interior corners.

.sharp-shelf

Sharpen horizontal interior corners.

demos

• sharp
• spacing