User:Puxlit/global.css

.wds-global-navigation { position: absolute; }

@keyframes throbbing-with-pride { to { --twp-delta: 60%; } } .wds-global-navigation__logo:hover { animation: throbbing-with-pride .5s linear infinite; background: repeating-radial-gradient(ellipse at 50% 120%, #943995 var(--twp-delta, 0%), #943995 calc(var(--twp-delta, 0%) + 10%), #00b8be calc(var(--twp-delta, 0%) + 10%), #00b8be calc(var(--twp-delta, 0%) + 20%), #079c42 calc(var(--twp-delta, 0%) + 20%), #079c42 calc(var(--twp-delta, 0%) + 30%), #fff200 calc(var(--twp-delta, 0%) + 30%), #fff200 calc(var(--twp-delta, 0%) + 40%), #f47b20 calc(var(--twp-delta, 0%) + 40%), #f47b20 calc(var(--twp-delta, 0%) + 50%), #ed1941 calc(var(--twp-delta, 0%) + 50%), #ed1941 calc(var(--twp-delta, 0%) + 60%)); mask-image: url(/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-company-logo-fandom.svg); -webkit-mask-image: url(/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-company-logo-fandom.svg); } .wds-global-navigation__logo:hover > * { visibility: hidden; }