35 lines
901 B
SCSS
35 lines
901 B
SCSS
.logo {
|
|
width: 104%;
|
|
z-index: 1000;
|
|
position: relative;
|
|
background-size: contain;
|
|
// pointer-events: none;
|
|
|
|
& > img {
|
|
width: 100%;
|
|
filter: drop-shadow(5px 0px 5px rgba(0,0,0,0.5));
|
|
}
|
|
|
|
&::before {
|
|
content: '';
|
|
opacity: 0;
|
|
background: linear-gradient(100deg, rgba(255,0,0,1) 0%, rgba(255,154,0,1) 10%, rgba(208,222,33,1) 20%, rgba(79,220,74,1) 30%, rgba(63,218,216,1) 40%, rgba(47,201,226,1) 50%, rgba(28,127,238,1) 60%, rgba(95,21,242,1) 70%, rgba(186,12,248,1) 80%, rgba(251,7,217,1) 90%, rgba(255,0,0,1) 100%) 0 0/200% 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 4%;
|
|
bottom: 0;
|
|
transition: .5s opacity;
|
|
animation: a 3s linear infinite;
|
|
}
|
|
|
|
&:hover::before {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes a {
|
|
to {
|
|
background-position: -200% 0
|
|
}
|
|
}
|