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