LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code

Shining Like A Star

CSS
body {
  background: #333;
  font-family: Monospace;
  text-align: center;
  font-size:40px;
}
h1{
  font-weight: 100;
  /* font-style:italic; */
  text-shadow:1px 1px 5px #000;
  color:#eee;
}
.back {
  position: absolute;
  width:100%;
background:-webkit-gradient(linear, left top, right top, from(#fff), to(#fff) );
background:linear-gradient(left, #fff, #fff );
  -webkit-animation:shine 3s cubic-bezier(0.3, 0.1, 0.1, 0.01) infinite;
          animation:shine 3s cubic-bezier(0.3, 0.1, 0.1, 0.01) infinite;
  -webkit-animation-fill-mode:forwards;
          animation-fill-mode:forwards;
    -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-background-size:2ex 100%;
  background-repeat: no-repeat;
}
@-webkit-keyframes shine{
  0%{
    background-position: top left;
  }
  50% {    
    background-position: top right;    
  }
  100% {    
    background-position: top right;    
  }
}
@keyframes shine{
  0%{
    background-position: top left;
  }
  50% {    
    background-position: top right;    
  }
  100% {    
    background-position: top right;    
  }
}

Description

just some css gradients, webkit specific text clipping and animation
Term
Sat, 12/23/2017 - 09:17

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv