Youtube - More Animations by sapondanaisriwan

/* ==UserStyle==
@name           Youtube - More Animations
@author         sapondanaisriwan [Adashima#4066] <sapondanaisriwan@gmail.com> (https://github.com/sapondanaisriwan)
@description    Please report bugs via my email, github, discord or the discussion section(If I have some free time, I'll fix them)
@namespace      https://userstyles.world/user/sapondanaisriwan
@homepageURL    https://github.com/sapondanaisriwan/AdashimaaTube
@supportURL     https://github.com/sapondanaisriwan/AdashimaaTube/issues
@version        1.0.0
@license        MIT
@preprocessor   stylus

@advanced checkbox moreAnimation            "🎬 More Animations" 1


==/UserStyle== */
@-moz-document domain("youtube.com") {
    /* 🎬 More Animations */
    if (moreAnimation) {
        // @keyframes fadeIn {
        //     from {
        //         opacity: 0
        //     }
        //     to {
        //         opacity: 1
        //     }
        // }
        @keyframes bounceIn {
            0% {
                transform: scale(1.3);
                opacity: 0
            }
            30% {
                transform: scale(.99);
                opacity: 1
            }
            60% {
                transform: scale(1.1);
                opacity: 1
            }
            100% {
                transform: scale(1);
                opacity: 1
            }
        }

        @keyframes slideInUp {
            from {
                transform: translateY(15px);
                opacity: 0
            }
            to {
                transform: translateY(0px);
                opacity: 1
            }
        }

        @keyframes slideInLeft {
            from {
                transform: translateX(15px);
                opacity: 0
            }
            to {
                transform: translateX(0px);
                opacity: 1
            }
        }

        @keyframes slideInRight {
            from {
                transform: translateX(-15px);
                opacity: 0
            }
            to {
                transform: translateX(0px);
                opacity: 1
            }
        }

        @keyframes scaleIn {
            from {
                transform: scale(.95);
                opacity: 0;
            }
            to {
                transform: none;
                opacity: 1;
            }
        }

        ytd-rich-grid-media,
        ytd-compact-video-renderer,
        ytd-grid-video-renderer,
        ytd-rich-item-renderer,
        ytd-comment-renderer,
        ytd-compact-playlist-renderer,
        ytd-grid-renderer,
        ytd-video-renderer,
        ytd-reel-item-renderer,
        ytd-video-secondary-info-renderer,
        ytd-compact-radio-renderer,
        yt-horizontal-list-renderer,
        #bottom-row.ytd-watch-metadata {
            animation: slideInUp .7s;
        }

        ytd-watch-metadata[flex-menu-enabled] #actions.ytd-watch-metadata ytd-menu-renderer.ytd-watch-metadata {
            animation: slideInLeft .7s;
        }

        .style-scope.ytd-watch-flexy #container #info-text,
        ytd-watch-metadata > div#above-the-fold > #title,
        ytd-watch-metadata[modern-metapanel-order] #owner.ytd-watch-metadata {
            animation: slideInRight .7s;
        }
    }
}