Fade Transition

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.

Thanks a lot.