본문 바로가기
CSS/CSS 기초

[CSS]요소 모양으로 자르기 clip

by 알찬 퍼블리셔 2019. 5. 28.
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
반응형

댓글