728x90
<!DOCTYPE html>
<html lang="en">
<head>
<style>
div{
background-color: palevioletred;
display: inline-block;
}
#ro{transform: rotate(30deg);}
#sk{transform: sken(0deg, -20deg);}
#tr{transform: translateY(100px);}
#sc{transform: scale(3,1);}
</style>
</head>
<body>
<div id="ro">rotate</div>
<div id="sk">sken</div>
<div id="tr">tranlate</div>
<div id="sc">scale</div>
</body>
</html>728x90
'StyleSheet > CSS' 카테고리의 다른 글
| [CSS] 플렉스박스 (0) | 2024.03.28 |
|---|---|
| [CSS] transition & animation (0) | 2024.03.27 |
| [CSS]배경 이미지 넣기 (0) | 2024.03.27 |
| [CSS] 간단 예시 (0) | 2024.03.27 |
| [CSS] 표 꾸미기 (0) | 2024.03.26 |