@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro");
:root,
body {
color: #fff;
height: 100%;
overflow: hidden;
background: #333641;
}
body {
display: flex;
align-items: center;
justify-content: center;
}
div {
background: 50% 100%/50% 50% no-repeat radial-gradient(ellipse at bottom, #fff, transparent, transparent);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
font-size: 10vw;
font-family: "Source Sans Pro", sans-serif;
-webkit-animation: reveal 3000ms ease-in-out forwards 200ms, glow 2500ms linear infinite 2000ms;
animation: reveal 3000ms ease-in-out forwards 200ms, glow 2500ms linear infinite 2000ms;
}
@-webkit-keyframes reveal {
80% {
letter-spacing: 8px;
}
100% {
background-size: 300% 300%;
}
}
@keyframes reveal {
80% {
letter-spacing: 8px;
}
100% {
background-size: 300% 300%;
}
}
@-webkit-keyframes glow {
40% {
text-shadow: 0 0 8px #fff;
}
}
@keyframes glow {
40% {
text-shadow: 0 0 8px #fff;
}
}