CSS3实现超酷的图像动画变换特效

用CSS3实现图像动画变换

 

今天我们想要分享一些实验阶段的3D图像变换效果给大家,主要使用了CSS3 3D动画和jQuery。

怎样起作用的?

在线演示

给定一组图片,我们使用te-cover将添加第一个图片到包装器中。使用JavaScript控制过渡类,显示在te-transition包装器中的图片。这是第一个例子:

<div id="te-wrapper">
    <div>
        <img src="images/1.jpg"/>
        <img src="images/2.jpg"/>
        <img src="images/3.jpg"/>
        <img src="images/4.jpg"/>
        <img src="images/5.jpg"/>
    </div>
    <div>
        <img src="images/1.jpg"/>
    </div>
    <div>
        <div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>

 

标签