我的随笔

腾讯//螺旋矩阵

strawqqhat 2018-10-23 14:50 阅读:92 评论:0 推荐:0

腾讯// 存在重复元素

strawqqhat 2018-10-23 14:01 阅读:91 评论:0 推荐:0

腾讯//除自身以外数组的乘积

strawqqhat 2018-10-22 21:03 阅读:72 评论:0 推荐:0

腾讯// 反转字符串中的单词 III

strawqqhat 2018-10-22 20:40 阅读:126 评论:0 推荐:0

腾讯// 反转字符串

strawqqhat 2018-10-22 20:29 阅读:156 评论:0 推荐:0

腾讯//Multiply Strings 字符串相乘

strawqqhat 2018-10-22 19:20 阅读:144 评论:0 推荐:0

腾讯//盛最多水的容器

strawqqhat 2018-10-22 15:28 阅读:101 评论:0 推荐:0

腾讯//删除排序数组中的重复项

strawqqhat 2018-10-22 10:55 阅读:125 评论:0 推荐:0

腾讯//删除排序数组中的重复项

strawqqhat 2018-10-22 10:55 阅读:107 评论:0 推荐:0

腾讯// 有效的括号

strawqqhat 2018-10-22 10:24 阅读:138 评论:0 推荐:0

#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%; } }