[CSS] 접두어 webkit, moz, o, ms 의미

산을넘는다 2020. 6. 15. 15:35

<!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>