Chạy Thử Css transform scale
Chạy Thử Css transform scale
Chạy Thử Css transform scale
Tự code rồi chạy thử...
Chạy Thử
<!DOCTYPE html>
<html>
<head>
<title>Chạy Thử Css transform scale</title>
<style>
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#opakh{opacity:0}
#backtrar{width:200px;height:auto;margin-top:30px;margin-left:30px;}
#backtrar img{width:100%;float:left;height:autotransition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#backtrar:hover img{transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
</style>
</head>
<body>
<h1>Chạy Thử Css transform scale</h1>
<p>Rê chuột vào hình để xem thay đổi:</p>
<div id="backtrar"><img src="https://webmoi.vn//media/images/background-image-full-man-hinh.jpg"></div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Chạy Thử Css transform scale</title>
<style>
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#opakh{opacity:0}
#backtrar{width:200px;height:auto;margin-top:30px;margin-left:30px;}
#backtrar img{width:100%;float:left;height:autotransition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#backtrar:hover img{transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
</style>
</head>
<body>
<h1>Chạy Thử Css transform scale</h1>
<p>Rê chuột vào hình để xem thay đổi:</p>
<div id="backtrar"><img src="https://webmoi.vn//media/images/background-image-full-man-hinh.jpg"></div>
</body>
</html>
Chạy Thử Css transform scale nằm trong bài viết Thuộc tính transform trong CSS