본문 바로가기
CSS/CSS

CSS] 이미지 기울이기, 사이즈 조절, 원으로 만들기

by CodeMia 2021. 7. 19.

이미지 기울이기

 

html 이미지에 클래스 이름을 정해주고 

css에서 width를 조절해서 크기를 정해준다.

rotate(숫자deg)로 얼마나 회전할 지 정한다. 

html
css
설정 후

 

 

 

사각 이미지 원으로 만들기

border-radius:  ;로 조절한다.

모서리가 점점 깍인다. 

사각 이미지

 

border-radius:  20%; 일 때

 

border-radius:  50%; 일 때

원모양이 되었다.

'CSS > CSS' 카테고리의 다른 글

CSS] class / id / pseudo class  (0) 2021.07.25
CSS] Z-index 제트 인덱스  (0) 2021.07.20
아이콘 붙이기 / Font Awesome  (0) 2021.07.19
CSS] float, clear  (0) 2021.07.05
CSS] 사이즈 px, %, em, rem  (0) 2021.07.05

댓글