模板:区域弹幕/styles.css

来自维阿百科
< 模板:区域弹幕
霓虹灯鱼讨论 | 贡献2023年10月6日 (五) 20:46的版本 (创建页面,内容为“@keyframes toleft{ from { left: 100%; transform: translate(0); } to { left: 0%; /* transform: translate(-100%); TemplateStyles说…”)
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
跳转至: 导航搜索
@keyframes toleft{
  from {
    left: 100%;
    transform: translate(0);
  }
  to {
    left: 0%;
    /* 
      transform: translate(-100%);
      TemplateStyles说百分号是无效的属性
      所以这个就写在行内样式里面了
    */
  }
}

.ldanmaku{
  position: absolute;
  left: 100%;
  white-space: nowrap;
  z-index: 1000;
  line-height: 1;
  opacity: 0.7;
  animation-name: toleft;
  animation-duration: 20s;
  animation-timing-function: linear;
  animation-fill-mode: both;
}
/* [[Category:在模板名字空间下的CSS页面]] */