2013. 3. 16. 14:53 Web/CSS
border-radius
div {
border:2px solid;
border-radius:25px;
-moz-border-radius:25px; /* Old Firefox */
}
box-shadow
div {
box-shadow: 10px 10px 5px #888888 inset; /*X좌표, Y좌표, blur값, 그림자색; */
filter:progid:DXImageTransform.Microsoft.Shadow(color=#888888, direction=135, strength=20);
}
border-image
div {
border:30px solid;
border-image:url(border.png) 30 30 round;
-moz-border-image:url(border.png) 30 30 round; /* Old Firefox */
-webkit-border-image:url(border.png) 30 30 round; /* Safari and Chrome */
-o-border-image:url(border.png) 30 30 round; /* Opera */
}
[css3]transform 2d/ 3d (0) | 2013.03.16 |
---|---|
[css3]text (0) | 2013.03.16 |
css3로 아코디언효과 만들기 (0) | 2013.02.07 |
[css3]보더에 이미지 넣기::border-image (0) | 2013.02.04 |
font-face 웹폰트 변환/사용 (0) | 2013.02.01 |