旋转轮播图

旋转轮播图_第1张图片
image.png

上图加了一下代码之后的效果如下
transform-style: preserve-3d;/让父盒子里面的子盒子以3D效果来显示/

旋转轮播图_第2张图片
image.png

鼠标经过旋转
transition: all 5s linear;设置了section:hover {transform: rotateY(360deg); }鼠标经过旋转后,还要加这一句transition: all 5s linear;图片才会动起来 这里面的all是可以省略的 all是默认值




    
    
    
    Document
    


你可能感兴趣的:(旋转轮播图)