update 3.8.6.4

Author: xotmatrix

images/collision_triangle.svg

@@ -38,10 +38,7 @@
 <div class="wrapper">
 <main>
 <h1>collision_triangle</h1>
-<p><svg class="fright" width="350" height="200" style="overflow:visible" xmlns="http://www.w3.org/2000/svg">
-    <g id="collision" transform="translate(150,40)">
-      <polyline points="0,0 155,0 180,120, 0,0" style="fill:#000f" />
-    </g>
+<p><svg class="fright border" width="350" height="190" style="background-color:#000; overflow:visible" xmlns="http://www.w3.org/2000/svg">
     <g transform="translate(20, 170)">
       <g id="trianglemask">
         <polygon points="0,-150 150,0 0,0" style="fill:#ffff" />
@@ -75,7 +72,7 @@ <h1>collision_triangle</h1>
     @keyframes move1 {
     0%,15% { opacity: 0%; }
     15% { transform: none; opacity: 90% }
-    45%,60%,100% { transform: translate(237px,-58px) rotate(34deg) scale(0.582,0.573); }
+    45%,75%,100% { transform: translate(237px,-58px) rotate(34deg) scale(0.582,0.573); }
     }
     @keyframes move2 {
     0%,25% { opacity: 0%; }