一款利用html5和css3实现的3D滚动特效的教程

2020-05-08 08:50:16易采站长站整理

  今天给大家带来一款html5和css3实现的3D滚动特效。效果图如下:

  实现的代码。

  html代码:

XML/HTML Code复制内容到剪贴板

<div class="container">  
        <div class="cube">  
            <div class="side side1">  
            </div>  
            <div class="side side2">  
            </div>  
            <div class="side side3">  
            </div>  
            <div class="side side4">  
            </div>  
            <div class="side side5">  
            </div>  
            <div class="side side6">  
            </div>  
        </div>  
    </div>  
    <div class="container container2">  
        <div class="cube">  
            <div class="side side1">  
            </div>  
            <div class="side side2">  
            </div>  
            <div class="side side3">  
            </div>  
            <div class="side side4">