CODEWITHSUNDEEP
csscss-transitionscss-animations
zessx
zessx

Reputation: 68790

Avoid transition in CSS3 animation

Using this kind of simple animation :

<style type="text/css" media="screen">
    .item {
        -webkit-animation: blink 2s linear 0 infinite;
    }
    @-webkit-keyframes blink {
        from    { opacity: 0; }
        49.999% { opacity: 0; }
        50%     { opacity: 1; }
        to      { opacity: 1; }
    }
</style>

<div class="item">Lorem Ipsum</div>

Is there a way to avoid the transition between 0% and 50%, without fixing a value at 49.999% ?

Upvotes: 1

Views: 74

Answers (1)

vals
vals

Reputation: 64164

As far as I know, not really

All I can suggest to make your life easier is to shorten it to 

@-webkit-keyframes blink {
    0%, 49.999% { opacity: 0; }
    50%         { opacity: 1; }
}

Upvotes: 1

Related Questions