Hi @razoor666
Thanks for reaching out to us.
Yes, Right now Post Slider and Post Carousel plugin does not this option because it only works for slider.
There is a way to achieve this but it requires animate.css and some additional work. You can find the example at below link
https://owlcarousel2.github.io/OwlCarousel2/demos/animate.html
I may consider this to add it in future version.
I hope it helps you.
Downloaded animate.css, linked in head and add code (footer.php)
<script type=”text/javascript”>
jQuery(document).ready(function($) {
$(‘.psac-design-2’).owlCarousel({
items: 1,
animateOut: ‘fadeOut’,
loop: true,
margin: 10,
});
});
</script>
And doesnt work..
Any idea ?
Hello @razoor666
You also need to add this custom CSS.
.animated { -webkit-animation-duration : 1000 ms ; animation-duration : 1000 ms ; -webkit-animation-fill-mode : both ; animation-fill-mode : both ; } .owl-animated-out { z-index : 1 } .owl-animated-in { z-index : 0 } .fadeOut { -webkit-animation-name : fadeOut ; animation-name : fadeOut ; } @-webkit-keyframes fadeOut { 0% { opacity : 1 ; } 100% { opacity : 0 ; } } @keyframes fadeOut { 0% { opacity : 1 ; } 100% { opacity : 0 ; } }
I hope it will work for you.
It doesnt work ..
thanks anyway.
Hi @razoor666
No issue. Let me setup the fade effect in my local server and then I will provide you the exactly steps.
I hope it will work for you. I will get back to you soon.
