用户:Staf Irity/Sandbox.css:修订间差异
来自Limbo Wiki
Staf Irity(讨论 | 贡献) 小 (我想看看能不能用上这个……) |
Staf Irity(讨论 | 贡献) 小无编辑摘要 |
||
第16行: | 第16行: | ||
right:0; | right:0; | ||
} | } | ||
. | .adbox{ | ||
position: relative; | |||
width: 100%; | |||
height: 300px; | |||
overflow: hidden; | |||
margin: 0 auto; | |||
} | } | ||
.ad { | |||
width: 100%; | |||
height: 300px; | |||
position: absolute; | |||
} | animation-name: example; | ||
animation-duration: 16s; | |||
animation-fill-mode: forwards; | |||
animation-iteration-count:infinite; | |||
} | |||
.ad .word{ | |||
margin-top:100px; | |||
text-align:center; | |||
font-size:100px; | |||
} | |||
@keyframes example { | |||
0% {left:-100%;} | |||
6.25% {left:0;} | |||
25% {left:0;} | |||
31.25% {left:100%;} | |||
100% {left:100%;} | |||
} | } |
2022年10月30日 (日) 12:59的版本
.float0{ position:fixed; overflow:hidden; top:25vh; right:0; margin:0px; padding:0px; z-index:100; } .float{ position:relative; right:calc(20px - 100%); transition: all .2s ease-out; } .float0:hover .float{ right:0; } .adbox{ position: relative; width: 100%; height: 300px; overflow: hidden; margin: 0 auto; } .ad { width: 100%; height: 300px; position: absolute; animation-name: example; animation-duration: 16s; animation-fill-mode: forwards; animation-iteration-count:infinite; } .ad .word{ margin-top:100px; text-align:center; font-size:100px; } @keyframes example { 0% {left:-100%;} 6.25% {left:0;} 25% {left:0;} 31.25% {left:100%;} 100% {left:100%;} }