mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
45 lines
No EOL
899 B
HTML
45 lines
No EOL
899 B
HTML
<div class="shine">UIVERSE</div>
|
|
|
|
<style>
|
|
/* From Uiverse.io by devkatyall - Tags: card, text animation, text, shining text */
|
|
.shine {
|
|
font-size: 2em;
|
|
font-weight: 900;
|
|
color: rgba(255, 255, 255, 0.3);
|
|
background: #222 -webkit-gradient(
|
|
linear,
|
|
left top,
|
|
right top,
|
|
from(#222),
|
|
to(#222),
|
|
color-stop(0.5, #fff)
|
|
) 0 0 no-repeat;
|
|
background-image: -webkit-linear-gradient(
|
|
-40deg,
|
|
transparent 0%,
|
|
transparent 40%,
|
|
#fff 50%,
|
|
transparent 60%,
|
|
transparent 100%
|
|
);
|
|
-webkit-background-clip: text;
|
|
-webkit-background-size: 50px;
|
|
-webkit-animation: zezzz;
|
|
-webkit-animation-duration: 5s;
|
|
-webkit-animation-iteration-count: infinite;
|
|
}
|
|
@-webkit-keyframes zezzz {
|
|
0%,
|
|
10% {
|
|
background-position: -200px;
|
|
}
|
|
20% {
|
|
background-position: top left;
|
|
}
|
|
100% {
|
|
background-position: 200px;
|
|
}
|
|
}
|
|
|
|
</style>
|
|
|