关于CSS3的3D立方体动画
知识点：
1、每个元素有独立的坐标系
2、坐标系随当前元素的改变而发生改变
3、立方体由静态transform参数构成
4、通过给容器添加动画使立方体运动
效果图：
test .container .box .page .page:nth-of-type(1) .page:nth-of-type(2) .page:nth-of-type(3) .page:nth-of-type(4) .page:nth-of-type(5) .page:nth-of-type(6) @keyframes goto{ 0% { transform -webkit-transform 10% { transform -webkit-transform 20% { transform -webkit-transform 30% { transform -webkit-transform 40% { transform -webkit-transform 50% { transform -webkit-transform 60% { transform -webkit-transform 70% { transform -webkit-transform 80% { transform -webkit-transform 90% { transform -webkit-transform 100% { transform -webkit-transform }
相关文章
精彩导读
热门资讯
关注我们
