避免在CSS3动画中过渡

Question

使用这种简单的动画：

<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>

有没有办法避免0%和50%之间的转换，而不修复49.999%的值？

Answer 1

据我所知，不是真的

我可以建议让你的生活更轻松，将其缩短为

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