Animation - 如何創(chuàng)建CSS3翻轉(zhuǎn)動畫（2）
我們想知道如何創(chuàng)建CSS3翻轉(zhuǎn)動畫（2）
<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
.flipper {
display: block;
width: 100px;
height: 100px;
background: red;
float: left
}
.green {
display: block;
width: 100px;
height: 100px;
background: green;
float: left
}
.flipper:hover {
-webkit-transform: rotatey(180deg);
backface-visibility: hidden;
transition: 1s;
transform-style: preserve-3d;
position: relative;
}
</style>
</head>
<body>
<div class="green"></div>
<div class="flipper">
<div class="flip-front">Face</div>
</div>
</body>
</html>
【flip】
