youtube-webos
youtube-webos copied to clipboard
Youtube Music Full Animation And Blurred Background Fix
Description
You need to get the background color, and add "-fSoften=1,54,0" to the artwork url for a blurred background.
Then add this style to container
background-image: linear-gradient(rgba(r, g, b, 0.5), rgba(r, g, b, 0.5)), url(image + '-fSoften=1,54,0')
You will need to add some custom css to the container
background-size: 160rem;
animation: full-animation 300s ease-in-out infinite;
@keyframes full-animation { 0% {background-position: 33% 33%;} 10% {background-position: 33% 55%;} 20% {background-position: 0% 55%;} 40% {background-position: 0% 10%;} 60% {background-position: 66% 10%;} 80% {background-position: 66% 55%;} 90% {background-position: 33% 55%;} 100% {background-position: 33% 33%;} }