css - 避免 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; }
}