phanpy/src/pages/welcome.css

47 lines
770 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 */
2023-01-01 12:19:07 +03:00
background: linear-gradient(
45deg,
var(--blue-color) 30%,
var(--purple-color),
var(--red-color) 70%
);
2022-12-19 19:16:45 +03:00
-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% {
2023-01-30 17:31:21 +03:00
filter: hue-rotate(-90deg);
2022-12-10 12:14:48 +03:00
}
}
2022-12-19 19:16:45 +03:00
#welcome:hover h2 {
2023-01-30 17:31:21 +03:00
animation: psychedelic 10s infinite alternate;
2022-12-10 12:14:48 +03:00
}