Skip to content

YouTube V3 Notification Animations by RysieQu

Write a review Install Get Stylus

Details

AuthorRysieQu

LicenseNo License

CategoryYouTube

Created

Updated

Size1.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Gives the notifications a nice animation when hovering over them (specifically the close button) on V3.

Notes

You (obviously) need YouTube V3 installed for this to work properly.

Source code

/* ==UserStyle==
@name           YouTube V3 Notification Animations
@namespace      userstyles.world/user/RysieQu
@version        1.0.0
@description    Gives the notifications a nice animation when hovering over them (specifically the close button) on V3.
@author         RysieQu
==/UserStyle== */

@-moz-document url-prefix("https://www.youtube.com/") {
    .oz-notification-entry .oz-dismiss-button.oz-notification-dismiss {
        visibility: visible;
        opacity: 0;
        transition: opacity 0.2s;
    }
    .oz-notification-entry:hover .oz-dismiss-button.oz-notification-dismiss {
        visibility: visible;
        opacity: 0.3;
        transition: opacity 0s;
    }
    .oz-notification-entry .oz-dismiss-button.oz-notification-dismiss:hover {
        opacity: 0.75;
        transition: opacity 0s;
    }
    .oz-notification-entry .oz-yt-logo-badge {
        transition: transform 0.2s;
        transform: translateX(18px);
    }
    .oz-notification-entry:hover .oz-yt-logo-badge {
        transform: translateX(0px);
    }
    .oz-notification-entry:hover .oz-yt-logo-badge {
        position: relative;
        left: 0px;
    }
}

Reviews

No reviews yet.