phanpy/src/pages/welcome.css

42 lines
713 B
CSS
Raw Normal View History

2022-12-10 12:14:48 +03:00
#welcome {
text-align: center;
2022-12-19 19:16:45 +03:00
background-image: radial-gradient(
closest-side at 50% 50%,
var(--bg-faded-color),
transparent
);
padding: 16px;
2022-12-10 12:14:48 +03:00
}
2022-12-19 19:16:45 +03:00
#welcome h1 {
margin: 0;
padding: 0;
font-size: 1.2em;
}
2022-12-10 12:14:48 +03:00
#welcome img {
2022-12-19 19:16:45 +03:00
vertical-align: top;
}
#welcome h2 {
font-size: 3em;
letter-spacing: -0.05ex;
margin: 16px 0;
padding: 0;
/* gradiented text */
background: linear-gradient(45deg, var(--purple-color), var(--red-color));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
2022-12-10 12:14:48 +03:00
}
2022-12-19 19:16:45 +03:00
@keyframes psychedelic {
2022-12-10 12:14:48 +03:00
0% {
2022-12-19 19:16:45 +03:00
filter: hue-rotate(0deg);
2022-12-10 12:14:48 +03:00
}
100% {
2022-12-19 19:16:45 +03:00
filter: hue-rotate(360deg);
2022-12-10 12:14:48 +03:00
}
}
2022-12-19 19:16:45 +03:00
#welcome:hover h2 {
animation: psychedelic 60s infinite;
2022-12-10 12:14:48 +03:00
}