css3 pulse animation

css3 pulse animation

by Danny_Joris

HTML

<div id="animate"></div>

CSS

@-webkit-keyframes pulse {
    from { opacity: 0.75; }
     50% { opacity: 1.0; }
      to { opacity: 0.75; }
}
@-moz-keyframes pulse {
    from { opacity: 0.75; }
     50% { opacity: 1.0; }
      to { opacity: 0.75; }
}
@-ms-keyframes pulse {
    from { opacity: 0.75; }
     50% { opacity: 1.0; }
      to { opacity: 0.75; }
}

#animate
{ 
   -webkit-animation: pulse 0.4s infinite;
   -moz-animation: pulse 0.4s infinite;
   -ms-animation: pulse 0.4s infinite;
}

#animate { 
    height: 50px; 
    width: 100px;
    background-color: #000;
}