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