grammar
transition: property duration timing-function delay;
transition-timing-function:
ease(缓慢开始,缓慢结束,中间快)
linear(匀速)
ease-in(缓慢开始)
esae-out(缓慢结束)
ease-in-out(缓慢开始,缓慢结束,和ease稍有区别)
简单3Ddemo
perspective
perspective-origin
<style>
#space{
perspective: 800;
perspective-origin: 50% 50%;
overflow: hidden;
}
#pages{
width: 400px;
height: 400px;
margin: 0 auto;
position: relative;
transform-style: preserve-3d;
}
.page{
width: 360px;
height: 360px;
padding: 20px;
background-color: black;
color: #fff;
font-weight: 700;
font-size: 360px;
line-height: 360px;
text-align: center;
position: absolute