Chạy thử Css transform skew
Chạy thử Css transform skew
Chạy thử Css transform skew
Tự code rồi chạy thử...
Chạy Thử
<!DOCTYPE html>
<html>
<head>
<title>Chạy thử Css transform skew</title>
<style>
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#opakh{opacity:0}
#backtrar{width:200px;height:200px;line-height:200px;text-align:center;background:red;margin-top:30px;margin-left:30px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#backtrar:hover{transform: skew(20deg,10deg); -moz-transform: skew(20deg,10deg); -webkit-transform: skew(20deg,10deg); -o-transform: skew(20deg,10deg); -ms-transform: skew(20deg,10deg);}
</style>
</head>
<body>
<h1>Chạy thử Css transform skew</h1>
<div id="backtrar">Rê chuột vào</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Chạy thử Css transform skew</title>
<style>
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#opakh{opacity:0}
#backtrar{width:200px;height:200px;line-height:200px;text-align:center;background:red;margin-top:30px;margin-left:30px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#backtrar:hover{transform: skew(20deg,10deg); -moz-transform: skew(20deg,10deg); -webkit-transform: skew(20deg,10deg); -o-transform: skew(20deg,10deg); -ms-transform: skew(20deg,10deg);}
</style>
</head>
<body>
<h1>Chạy thử Css transform skew</h1>
<div id="backtrar">Rê chuột vào</div>
</body>
</html>
Chạy thử Css transform skew nằm trong bài viết Thuộc tính transform trong CSS