浏览代码

fix(danmaku). animation-name 属性的标准值不应该加引号;

animation-name - CSS:层叠样式表 | MDN
https://developer.mozilla.org/zh-CN/docs/Web/CSS/animation-name
wdssmq 1 年之前
父节点
当前提交
2e9b87f019
共有 1 个文件被更改,包括 4 次插入4 次删除
  1. 4 4
      src/css/danmaku.less

+ 4 - 4
src/css/danmaku.less

@@ -12,7 +12,7 @@
         user-select: none;
         cursor: default;
         white-space: nowrap;
-        text-shadow: .5px .5px .5px rgba(0, 0, 0, .5);
+        text-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.5);
         &--demo {
             position: absolute;
             visibility: hidden;
@@ -24,7 +24,7 @@
         transform: translateX(100%);
         &.dplayer-danmaku-move {
             will-change: transform;
-            animation-name: 'danmaku';
+            animation-name: danmaku;
             animation-timing-function: linear;
             animation-play-state: paused;
         }
@@ -42,7 +42,7 @@
         visibility: hidden;
         &.dplayer-danmaku-move {
             will-change: visibility;
-            animation-name: 'danmaku-center';
+            animation-name: danmaku-center;
             animation-timing-function: linear;
             animation-play-state: paused;
         }
@@ -55,4 +55,4 @@
             visibility: visible;
         }
     }
-}
+}