목록object-fit (1)

개발

border-radius 모서리 굴곡도, object-fit: cover 원본비율 유지

상기 이미지의 굴곡도를 올려서 원형으로 만드는 옵션을 적용 해 볼 겁니다! 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 Document #pic{ width: 300px; height: 300px; } #wrapper{ margin: auto; width: 320px; height: 320px; text-align: center; } Colored by Color Scripter cs 전체 코드구요. border-radius: 10%; pic 스타일시트에 옵션을 적용 해 봅시다 모서리에 굴곡이 생기는 것을 볼 수 있죠 퍼센트로 50%를 주게 되면 완벽한 원형이 됩니다. 여기서 하나 느낄 수 있는 단점은.. 사이즈를 ..
Frontend/HTML5, CSS 2021. 3. 4. 08:50
이전 Prev 1 Next 다음