border-radius

border-radius : {length} {%}

Property Description
length 테두리 굴곡을 css단위로 설정합니다.
% 테두리 굴곡을 %단위로 설정합니다.
radius1
radius2
radius3
radius4
radius5
radius6
radius7
radius8
radius9
radius10
radius11
radius12
radius13
radius14
radius15
radius16
radius17
radius18
radius19
radius20
radius21
radius22
radius23
radius24
radius25
radius26
radius27
radius28
radius29
radius30
radius31
radius32
radius33
radius34
radius35
radius36
radius37
radius38
radius39
radius40
radius41
radius42
radius43
radius44
radius45
radius46
radius47
radius48
radius49
radius50
radius51
radius52
radius53
radius54
radius55
radius56
radius57
radius58
radius59
radius60
sample1
sample2
sample3
sample4
sample5

See the Pen Half Circle Hover Effect by Paul Demers (@demersdesigns) on CodePen.

See the Pen Play with border radius and triangle by Wifeo (@wifeo) on CodePen.

See the Pen Using "inherit" for inset border-radius by Rémi Lacorne (@rlacorne) on CodePen.

See the Pen HeadFront - Desafio border-radius by Thiago Teles Pereira (@thiagoteles) on CodePen.

See the Pen Border-radius background by David Bullock (@serkai) on CodePen.