Study/Html

이미지 회전 Image rotate

LoonyHyun 2020. 12. 9. 13:01
반응형

Html 이미지 표시 중 이미지를 임의에 맞게 돌려야할 필요성이 있다.

 

css 속성 값을 추가하여 이미지를 돌릴 수 있다.

 

name value
transform:rotate 0deg ~ 359deg

 

(예시)

 

예시 이미지

<html>
<body>
	<h2>Image Rotate Test</h2>
	
	<img src="./arrow15.png">
	
	<img src="./arrow15.png" style="transform:rotate(90deg);">
	
	<img src="./arrow15.png" style="transform:rotate(180deg);">
	
	<img src="./arrow15.png" style="transform:rotate(270deg);">
</body>
</html>