2D效果(近大远小)-----手掌代码
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
body{
perspective: 350px;
}
img{
width: 400px;
transform-origin: right;
transition:all 1s;
margin-top:50px;
margin-left:300px;
}
img:hover{
transform:rotateY(180deg);
}
</style>
</head>
<body>
<img src="images/bz.jpg" alt=""/>
</body>
</html>
转载请注明原文地址: https://ju.6miu.com/read-10777.html