在一个月的学习后学会了用代碼实现图片的旋转,形成“旋转木马”效果及立方体和动画特效的添加。
第一步是创建一个图片盒子将所有图片定位在盒子里,互相偅叠然后根据最终效果,以图片盒子中心为原点通过transform属性对每一张图片设置相应的位移和旋转角度。最后给图片盒子添加旋转360°的动画效果,并设置景深实现“近大远小”的视觉效果。
立方体的实现与旋转相册的方法大体相同但有两种方法,其一是:使四个侧面向外迻动自身宽高的一半再旋转90°;第二种方法是:四个侧面向不同方向移动自身宽度的距离,后旋转90°。立方体初始状态搭建好之后,使其循环旋转。
发布了2 篇原创文章 · 获赞 0 · 访问量 38