【问题标题】:CSS - I am stuck on a css animation coding issue on codepenCSS - 我被困在 codepen 上的 CSS 动画编码问题
【发布时间】:2023-03-16 23:59:01
【问题描述】:

http://codepen.io/jayclark/pen/wDety

我想让绿色条在到达完整圆圈时保持原位,而不是一遍又一遍地重复动画。如果有人可以帮助我,我将不胜感激。所有必要的代码都在 codepen 文件中。

【问题讨论】:

    标签: html css animation webkit


    【解决方案1】:

    变化:

    -webkit-animation-iteration-count: infinite;
    

    -webkit-animation-iteration-count: 1;
    

    并删除

    border-left-color: transparent;
    border-top-color: transparent;
    

    来自.timer-l, .timer-r

    DEMO here.

    【讨论】:

    • 谢谢,按照我的要求,但是有什么办法可以让绿色条不跳动,从小到大流畅地加载?
    猜你喜欢
    • 2014-01-21
    • 1970-01-01
    • 1970-01-01
    • 2019-11-05
    • 1970-01-01
    • 2013-03-18
    • 2022-12-09
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多