resources/views/programlist.blade.php

@@ -114,20 +114,15 @@
         </div>
     </div>
 <style>
+    @keyframes tilt-shaking {
+        0% { transform: rotate(0deg); }
+        25% { transform: rotate(5deg); }
+        50% { transform: rotate(0deg); }
+        75% { transform: rotate(-5deg); }
+        100% { transform: rotate(0deg); }
+    }
     .post_container .post_tags li a {
-        background-image: linear-gradient(to right, #0d1ca3, #003cb9, #0056cb, #0070db, #0189e9, #0189e9, #0189e9, #0189e9, #0070db, #0056cb, #003cb9, #0d1ca3);
+        animation: tilt-shaking 1s linear infinite;
     }
 </style>
 @endsection
-
-@push('scripts')
-<script type="text/javascript">
-  var $onAir = $('.podcast_items .onair');
-  setInterval(function() {
-    $onAir.animate({"background-position": "100px"});
-    setTimeout(function() {
-      $onAir.animate({"background-position": "0"});
-    }, 400);
-  }, 800);
-</script>
-@endpush