Switch animations for onair tag
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user