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>
<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