CSS/CSS 기초
[CSS]요소 모양으로 자르기 clip
알찬 퍼블리셔
2019. 5. 28. 17:23
728x90
반응형
clip 네모 모양으로 이미지 자르기
position: absolute;
clip: rect(10px, 190px, 190px, 10px);
clip-path 도형으로 모양 자르기
ellipse 타원
circle 원
polygon 다각형
.img2{
clip-path: ellipse(100px 40px at 150px 100px);
}
.img3{
clip-path: circle(60px at 140px 80px);
}
.img4{
clip-path: polygon(5% 5%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
}
728x90
반응형