update pingpong

nguyenvanduocit · nguyenvanduocit · commit 56f3f431b96d · 2016-12-19T18:34:53.000+07:00
diff --git a/src/components/PingPong.vue b/src/components/PingPong.vue
@@ -8,8 +8,6 @@
         </div>
         <div class="ball">
         </div>
-        <div class="ballhit">
-        </div>
       </div>
     </div>
   </div>
@@ -74,24 +72,14 @@ export default {
     right:0;
     animation: pingpong-position2 2s linear infinite;
   }
-  .ball,
-  .ballhit {
+  .ball{
     width:15px;
     height:15px;
     border-radius:50%;
     background:#41b883;
     position:absolute;
     animation: pingpong-bounce 2s linear infinite;
   }
-  .ballhit {
-    padding:4px;
-    margin:-6px 0 0 -6px;
-    border-radius:50%;
-    background:#41b883;
-    border:2px #41b883 solid;
-    z-index:-1;
-    animation: pingpong-bounce2 2s linear infinite;
-  }
   @keyframes pingpong-position1 {
     0% {top:-60px;}
     25% {top:0;}
@@ -113,15 +101,4 @@ export default {
     75% {top:-35px;left:225px;}
     100% {top:-35px;left:10px;}
   }
-  @keyframes pingpong-bounce2 {
-    0% {top:-35px;left:10px; border:2px cornflowerblue solid;}
-    24% {border:2px cornflowerblue solid;}
-    25% {top:25px;left:225px; border:2px #41b883 solid;}
-    49% {border:2px cornflowerblue solid;}
-    50% {top:75px;left:10px; border:2px #41b883 solid;}
-    74% {border:2px cornflowerblue solid;}
-    75% {top:-35px;left:225px; border:2px #41b883 solid;}
-    99% {border:2px cornflowerblue solid;}
-    100% {top:-35px;left:10px; border:2px #41b883 solid;}
-  }
 </style>
