我的随笔

上一页 1 ··· 6 7 8 9 10 11 12 13 14 ··· 39 下一页
使用JS完成首页轮播效果
strawqqhat 2019-03-07 15:04 阅读:201 评论:0 推荐:0
JS切换图片
strawqqhat 2019-03-07 14:53 阅读:174 评论:0 推荐:0
京东三面面经
strawqqhat 2019-03-06 20:30 阅读:1034 评论:0 推荐:0
计算机网络常见协议
strawqqhat 2019-03-06 19:07 阅读:544 评论:0 推荐:0
16款百度云破解版
strawqqhat 2019-03-06 19:04 阅读:20169 评论:0 推荐:1
非科班学习路线
strawqqhat 2019-03-06 08:31 阅读:276 评论:0 推荐:0
非科班秋招面试总结
strawqqhat 2019-03-06 08:30 阅读:303 评论:0 推荐:0
招银网络Java面经
strawqqhat 2019-03-04 15:39 阅读:414 评论:0 推荐:0
派分糖果
strawqqhat 2019-03-03 09:42 阅读:116 评论:0 推荐:0
计算重复字符串长度
strawqqhat 2019-03-03 09:28 阅读:202 评论:0 推荐:0
上一页 1 ··· 6 7 8 9 10 11 12 13 14 ··· 39 下一页
#home h1{ font-size:45px; } body{ background-image: url("放你的背景图链接"); background-position: initial; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-origin: initial; background-clip: initial; height:100%; width:100%; } #home{ opacity:0.7; } .wall{ position: fixed; top: 0; left: 0; bottom: 0; right: 0; } div#midground{ background: url("https://i.postimg.cc/PP5GtGtM/midground.png"); z-index: -1; -webkit-animation: cc 200s linear infinite; -moz-animation: cc 200s linear infinite; -o-animation: cc 200s linear infinite; animation: cc 200s linear infinite; } div#foreground{ background: url("https://i.postimg.cc/z3jZZD1B/foreground.png"); z-index: -2; -webkit-animation: cc 253s linear infinite; -o-animation: cc 253s linear infinite; -moz-animation: cc 253s linear infinite; animation: cc 253s linear infinite; } div#top{ background: url("https://i.postimg.cc/PP5GtGtM/midground.png"); z-index: -4; -webkit-animation: da 200s linear infinite; -o-animation: da 200s linear infinite; animation: da 200s linear infinite; } @-webkit-keyframes cc { from{ background-position: 0 0; transform: translateY(10px); } to{ background-position: 600% 0; } } @-o-keyframes cc { from{ background-position: 0 0; transform: translateY(10px); } to{ background-position: 600% 0; } } @-moz-keyframes cc { from{ background-position: 0 0; transform: translateY(10px); } to{ background-position: 600% 0; } } @keyframes cc { 0%{ background-position: 0 0; } 100%{ background-position: 600% 0; } } @keyframes da { 0%{ background-position: 0 0; } 100%{ background-position: 0 600%; } } @-webkit-keyframes da { 0%{ background-position: 0 0; } 100%{ background-position: 0 600%; } } @-moz-keyframes da { 0%{ background-position: 0 0; } 100%{ background-position: 0 600%; } } @-ms-keyframes da { 0%{ background-position: 0 0; } 100%{ background-position: 0 600%; } }