Merge pull request jolaleye#10 from zmj97/master

fix shine effect bug in safari
fakegit · Jun 24, 2019 · bbb001c · bbb001c
2 parents da7a7bf + 81c19c2
commit bbb001c
Showing 1 changed file with 3 additions and 6 deletions.
diff --git a/effects/button-shine.vue b/effects/button-shine.vue
@@ -14,6 +14,7 @@ button {
   border: none;
   background-color: hsl(236, 32%, 26%);
   overflow: hidden;
+  cursor: pointer;
 }
 
 button::after {
@@ -24,15 +25,11 @@ button::after {
   top: -50%;
   bottom: -50%;
   width: 1.25em;
-  transform: translateX(-525%) rotate(35deg);
-}
-
-button:hover {
-  cursor: pointer;
+  transform: translate3d(-525%, 0, 0) rotate(35deg);
 }
 
 button:hover::after {
   transition: transform 0.45s ease-in-out;
-  transform: translateX(200%) rotate(35deg);
+  transform: translate3d(200%, 0, 0) rotate(35deg);
 }
 </style>