用户:Staf Irity/Sandbox.css:修订间差异

来自Limbo Wiki
(我想看看能不能用上这个……)
无编辑摘要
第16行: 第16行:
right:0;
right:0;
}
}
.slidein {
.adbox{
   animation-duration: 3s;
   position: relative;
   animation-name: slidein;
   width: 100%;
   animation-iteration-count: 3;
   height: 300px;
   animation-direction: alternate;
   overflow: hidden;
  margin: 0 auto;
}
}
@keyframes slidein {
.ad {
   from {
   width: 100%;
    margin-left:100%;
  height: 300px;
    width:300%
  position: absolute;
   }
  animation-name: example;
 
  animation-duration: 16s; 
   to {
  animation-fill-mode: forwards;
  margin-left:0%;
  animation-iteration-count:infinite;
  width:100%;
}
}
.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%;}
}