Title: Fade Transition
Last modified: February 3, 2023

---

# Fade Transition

 *  [razoor666](https://wordpress.org/support/users/razoor666/)
 * (@razoor666)
 * [3 years, 4 months ago](https://wordpress.org/support/topic/fade-transition-3/)
 * 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](https://wordpress.org/support/users/pluginandplay/)
 * (@pluginandplay)
 * [3 years, 4 months ago](https://wordpress.org/support/topic/fade-transition-3/#post-16439839)
 * Hi [@razoor666](https://wordpress.org/support/users/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](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](https://wordpress.org/support/users/razoor666/)
 * (@razoor666)
 * [3 years, 4 months ago](https://wordpress.org/support/topic/fade-transition-3/#post-16443442)
 * 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](https://wordpress.org/support/users/pluginandplay/)
 * (@pluginandplay)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/fade-transition-3/#post-16473672)
 * Hello [@razoor666](https://wordpress.org/support/users/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](https://wordpress.org/support/users/razoor666/)
 * (@razoor666)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/fade-transition-3/#post-16473807)
 * It doesnt work ..
   thanks anyway.
 *  Plugin Author [pluginandplay](https://wordpress.org/support/users/pluginandplay/)
 * (@pluginandplay)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/fade-transition-3/#post-16500284)
 * Hi [@razoor666](https://wordpress.org/support/users/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](https://wordpress.org/support/users/razoor666/)
 * (@razoor666)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/fade-transition-3/#post-16501698)
 * Thanks a lot.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Fade Transition’ is closed to new replies.

 * ![](https://ps.w.org/post-slider-and-carousel/assets/icon-128x128.png?rev=2143555)
 * [Post Slider and Post Carousel with Post Vertical Scrolling Widget - A Responsive Post Slider](https://wordpress.org/plugins/post-slider-and-carousel/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/post-slider-and-carousel/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/post-slider-and-carousel/)
 * [Active Topics](https://wordpress.org/support/plugin/post-slider-and-carousel/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/post-slider-and-carousel/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/post-slider-and-carousel/reviews/)

 * 6 replies
 * 2 participants
 * Last reply from: [razoor666](https://wordpress.org/support/users/razoor666/)
 * Last activity: [3 years, 3 months ago](https://wordpress.org/support/topic/fade-transition-3/#post-16501698)
 * Status: not resolved