<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
img {
position : absolute;
left : 100px;
top : 100px;
border : 10px groove red;
/* transform : rotate(30deg); */
-webkit-transform : rotate(30deg); /* 사파리, 크롬 브라우저 */
-moz-transform : rotate(30deg); /* 파이어폭스 브라우저 */
-o-transform : rotate(30deg); /* 오페라 브라우저 */
-ms-transform : rotate(120deg); /* 마이크로소프트 브라우저 */
}
</style>
</head>
<body>
<img src = "../html/images/추노2.jpg">
</body>
</html>'웹 프로그래밍 > CSS' 카테고리의 다른 글
| [CSS] 애니메이션 효과 주기(transition-property, transition-property, transition-timing-function 등) (0) | 2020.06.15 |
|---|---|
| [CSS] 이미지 회전하기 (img 태그, transform : rotate, transform : translate, transform:skew) (0) | 2020.06.15 |
| [CSS] 선택자에서 단일콜론과 이중콜론의 차이점(p::selection 의미) (0) | 2020.06.15 |
| [CSS] 가상클래스 p:only-child VS p:only-of-type 의미 및 차이점 (0) | 2020.06.15 |
| [CSS] first-child VS first-of-type 차이점 (0) | 2020.06.15 |
