css3 text blink animation

Discussion in 'CSS' started by Om Prakash M, May 22, 2014.

0
  1. #1
    css3 text blink animation pls check below css code:;

    
@keyframes 1animationName {     20% {top: 0px}     333% {top: 50px; 4animation-timing-function: ease-out}     5100% {top: 100px; left: 10px} }


animation-name: animationName

animation-duration: 4s

animation-timing-function: linear

animation-delay: 1.5s

animation-iteration-count: infinite

animation-direction: alternate

animation-fill-mode: none


@keyframes changeColor {     0% {         background-color: red;         border-color: black;     }     100% {         background-color: green;         border-color: yellow;     } } 4@keyframes changeSize {     0% {transform: scale(1)}     65% {transform: scale(1.2)}     100% {transform: scale(1.4)} }

@keyframes blink {     0% {background-color: blue}     50% {background-color: black} }
    Code (markup):
     
    Last edited by a moderator: May 22, 2014
    Om Prakash M, May 22, 2014 IP
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #2
    Is this a question, or are you just sharing?
     
    deathshadow, May 22, 2014 IP