Youtube - More Animations by sapondanaisriwan

Youtube - More Animations screenshot
Homepage Install Get Stylus Write a review

Details

Authorsapondanaisriwan

LicenseMIT

Created

Updated

Categoryyoutube

Statistics

Learn how we calculate statistics in the FAQ.

Total views

Total installs

Weekly installs

Description

Please report bugs via my email, github, discord or the discussion section(If I have some free time, I'll fix them)
Contact: sapondanaisriwan@gmail.com
Support me: ☕ko-fi.com

Notes

I have a bad news
Adachi is in a one-sided love 🥲🥲

Source code

/* ==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;
        }
    }
}

Reviews

No reviews yet.