Monday 25 April 2016

Blink By CSS


<html>
<style>
.blink_a_div a.blink_a_link{
border: 4px solid;
font-size: 20px;
}
.blink_a_div a{
  background-color: #AD906C;
  border: 1px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 20px;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
}

.blink_a_div a{
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}

@-webkit-keyframes glowing {
  0% { background-color: #AD906C; -webkit-box-shadow: 0 0 3px #AD906C; }
  50% { background-color: #D5B07D; -webkit-box-shadow: 0 0 40px #D5B07D; }
  100% { background-color: #AD906C; -webkit-box-shadow: 0 0 3px #AD906C; }
}

@-moz-keyframes glowing {
  0% { background-color: #AD906C; -moz-box-shadow: 0 0 3px #AD906C; }
  50% { background-color: #D5B07D; -moz-box-shadow: 0 0 40px #D5B07D; }
  100% { background-color: #AD906C; -moz-box-shadow: 0 0 3px #AD906C; }
}

@-o-keyframes glowing {
  0% { background-color: #AD906C; box-shadow: 0 0 3px #AD906C; }
  50% { background-color: #D5B07D; box-shadow: 0 0 40px #D5B07D; }
  100% { background-color: #AD906C; box-shadow: 0 0 3px #AD906C; }
}

@keyframes glowing {
  0% { background-color: #AD906C; box-shadow: 0 0 3px #AD906C; }
  50% { background-color: #D5B07D; box-shadow: 0 0 40px #D5B07D; }
  100% { background-color: #AD906C; box-shadow: 0 0 3px #AD906C; }
}


</style>

<body>
<div style="text-align:center">
<div class="blink_a_div">
<a class="blink_a_link" href="http://phpkishan.blogspot.in/" title="Blink By CSS" target="_blank">Blink By CSS</a>
</div>
</div>
</body>

</html>
By at
Labels:

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)