반응형
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>
'Study > Html' 카테고리의 다른 글
| [Freemarker 프리마커] FTL (Freemarker Template Language) 문법 (1) | 2020.12.11 |
|---|---|
| HTML CSS 우선도 (0) | 2020.12.08 |
| HTML 5 TEST (canvas, video, etc) (0) | 2014.03.05 |