Skip to content

Instantly share code, notes, and snippets.

@ialhashim
Created November 1, 2016 09:31
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ialhashim/8ab7b4de8cdbb0715eaad566e8c45915 to your computer and use it in GitHub Desktop.
Save ialhashim/8ab7b4de8cdbb0715eaad566e8c45915 to your computer and use it in GitHub Desktop.
Shine effect
@keyframes shine{
0% {background-position: top left;}
50% {background-position: top right;}
100% {
background-position: top right;
background: #e91e63;
-webkit-background-clip: text;
}
}
.shine
{
padding-right: 30px;
background: #e91e63 -webkit-gradient(linear, left top, right top, from(#e91e63), to(#e91e63), color-stop(0.5, #fff)) 0 0 no-repeat;
-webkit-background-size: 30px;
-webkit-background-clip: text;
color: rgba(255, 255, 255, 0.1);
animation-name: shine;
animation-duration: 3s;
animation-iteration-count: infinite;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment