Switch animations for onair tag

This commit is contained in:
Jorit Tijsen
2024-03-15 18:16:31 +01:00
parent 6d5eff146d
commit 38410b00c7

View File

@@ -114,20 +114,15 @@
</div> </div>
</div> </div>
<style> <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 { .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> </style>
@endsection @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