• Hi, Maybe I didn’t find the fade transition option? Does it exist or is there plans to add it? If anyone knows how to code to change the slide transition to fade transition, I’m interested ??
    thanks a lot,
    Lio.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author pluginandplay

    (@pluginandplay)

    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.

    Thread Starter razoor666

    (@razoor666)

    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 ?

    Plugin Author pluginandplay

    (@pluginandplay)

    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.

    Thread Starter razoor666

    (@razoor666)

    It doesnt work ..
    thanks anyway.

    Plugin Author pluginandplay

    (@pluginandplay)

    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.

    Thread Starter razoor666

    (@razoor666)

    Thanks a lot.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Fade Transition’ is closed to new replies.