jquery实现十二种中文文字入场出场动画效果代码
代码语言:html
所属分类:动画
代码描述:jquery实现十二种中文文字入场出场动画效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
@charset "utf-8";
body {
margin: 0;
padding: 0;
background-color: #036;
}
header {
width: 100%;
margin: 0 auto;
}
#bg {
position: fixed;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
z-index: -100001;
}
#bg video {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 50%;
min-height: 50%;
}
#title {
position: absolute;
font-size: 73.43px;
font-family: "微软雅黑";
color: #FFF;
text-align: center;
width: 100%;
height: 60px;
padding: 20px;
margin-top: 50px;
z-index: 100000;
}
a {
color: #06F;
text-decoration: none;
}
.ib-main-wrapper {
width: 980px;
margin: 0 auto;
margin-top: 20px;
overflow: hidden;
outline: none;
/*height dynamic*/
}
.ib-main {
margin: 0 auto;
position: fixed;
}
.ib-main a {
float: left;
width: 150px;
height: 190px;
position: relative;
overflow: hidden;
margin: 0px 0px 2px 40px;
cursor: pointer;
background: #fff url(../images/thumb_bg.jpg) no-repeat center center;
background-size: 100% 100%;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0..........完整代码请登录后点击上方下载按钮下载查看
















网友评论0