用户:Staf Irity/Sandbox.css:修订间差异
来自Limbo Wiki
Staf Irity(讨论 | 贡献) 小无编辑摘要 |
Staf Irity(讨论 | 贡献) 小无编辑摘要 |
||
第19行: | 第19行: | ||
position: relative; | position: relative; | ||
width: 100%; | width: 100%; | ||
height: | height: 200px; | ||
overflow: hidden; | overflow: hidden; | ||
margin: 0 auto; | margin: 0 auto; | ||
第25行: | 第25行: | ||
.ad { | .ad { | ||
width: 100%; | width: 100%; | ||
height: | height: 200px; | ||
position: absolute; | position: absolute; | ||
animation-name: example; | animation-name: example; | ||
第33行: | 第33行: | ||
} | } | ||
.ad .word{ | .ad .word{ | ||
margin-top: | margin-top:50px; | ||
text-align:center; | text-align:center; | ||
font-size:100px; | font-size:100px; |
2022年10月30日 (日) 13:02的版本
.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: 200px; overflow: hidden; margin: 0 auto; } .ad { width: 100%; height: 200px; position: absolute; animation-name: example; animation-duration: 16s; animation-fill-mode: forwards; animation-iteration-count:infinite; } .ad .word{ margin-top:50px; 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%;} }