WEB/CSS

[CSS] ch05-02. scale

밍글링글링 2017. 8. 28.
728x90

02_scale.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Translate3D</title>

<style>
@import "../css/02_scale.css";
</style>
</head>

<body>
    <div>
        <img src="../img/woman.png" />
    </div>    
</body>
</html>
 

02_scale.css

@CHARSET "UTF-8";
div{
    margin: 50px;
    width: 150px;
    height: 190px;
    background-color: rgba(0,0,255,0.3);
}
img:hover{
    transform: scale(0.7,1.2);
}

 

728x90

'WEB > CSS' 카테고리의 다른 글

[CSS] ch05-04. skew  (0) 2017.08.28
[CSS] ch05-03. rotate  (0) 2017.08.28
[CSS] ch05-01. translate  (0) 2017.08.28
[CSS] ch04-22. tb4  (0) 2017.08.28
[CSS] ch04-21. tb3  (0) 2017.08.28

댓글