js实现弹性拖拽堆叠堆积的图片进行幻灯片切换效果代码
代码语言:html
所属分类:幻灯片
代码描述:js实现弹性拖拽堆叠堆积的图片进行幻灯片切换效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<html>
<head>
<style>
@-webkit-keyframes animation{from{opacity:0; -webkit-transform:scale(1.2) rotateX(45deg);transform:scale(1.2) rotateX(45deg);} to{ }}
@-webkit-keyframes animation2{from{opacity:0; -webkit-transform:scale(1.2) rotateX(45deg);transform:scale(1.2) rotateX(45deg);} to{ }}
body {
background:#1c1c1c;
/*-webkit-perspective:1000px;*/
overflow:hidden;
}
.slider div p{color:#1c1c1c;position:absolute;bottom:-65px; font-family:font; font-size:14px;}
.slider{
-webkit-animation:animation ease 1s;animation-delay:.8s;animation-fill-mode:backwards;
margin:60px auto 0 auto;
height:360px;
width:240px;
padding:40px;
top:100px;
perspective:1000px;
transition:ease-in-out .2s;
/*-webkit-transform:rotateX(45deg);
-webkit-transform-style:preserve-3d;
position:absolute;*/
.........完整代码请登录后点击上方下载按钮下载查看
















网友评论0