原生css炫酷大屏特效
最近在忙于大屏页面的实现,在实现的过程之中还是遇到不少问题,并截取部分大屏内容记录下。以下就是我通过原生css实现的最终效果如下图(主要涉及到transform和animation):主要思路1.首先实现最底部的转盘,由于涉及到3d所以需要用到 transform-style: preserve-3d; 改属性可以让子元素都属于同一个三维空间中呈现,通过 rotateX 让图一平铺,随后再旋转一份方向相反即可,通过 translateY 将两张图片拉开距离,得到下图:利用相同方式复制4份,底部转