kopia lustrzana https://github.com/cheeaun/phanpy
47 wiersze
770 B
CSS
47 wiersze
770 B
CSS
#welcome {
|
|
text-align: center;
|
|
background-image: radial-gradient(
|
|
closest-side at 50% 50%,
|
|
var(--bg-faded-color),
|
|
transparent
|
|
);
|
|
padding: 16px;
|
|
}
|
|
|
|
#welcome h1 {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 1.2em;
|
|
}
|
|
#welcome img {
|
|
vertical-align: top;
|
|
}
|
|
|
|
#welcome h2 {
|
|
font-size: 3em;
|
|
letter-spacing: -0.05ex;
|
|
margin: 16px 0;
|
|
padding: 0;
|
|
/* gradiented text */
|
|
background: linear-gradient(
|
|
45deg,
|
|
var(--blue-color) 30%,
|
|
var(--purple-color),
|
|
var(--red-color) 70%
|
|
);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
|
|
@keyframes psychedelic {
|
|
0% {
|
|
filter: hue-rotate(0deg);
|
|
}
|
|
100% {
|
|
filter: hue-rotate(-90deg);
|
|
}
|
|
}
|
|
#welcome:hover h2 {
|
|
animation: psychedelic 10s infinite alternate;
|
|
}
|