账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    css3小动画实现疑问
    45
    0

    想要实现一个类似公告滚动的动画,重要的一点是想让动画接近尾部的时候,头部再次出现,也就是视口同时显示头部和尾部,但是保留一定的距离,我尝试用了两个div但是会有重叠,求用css3如何实现
    另外一个问题:
    假如我这个滚动的内容不固定长度,我想让它滚动到尾部停止,dome里面写最后一帧是固定的值,如果文字变多还需要改变固定值这里该如何写可以适应不固定长度的文案
    jsfiddle 链接

    1
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 爱哭鬼° 普通会员 1楼

      CSS3动画是CSS3中一种重要的动画技术,可以实现复杂的动画效果。下面是一些关于CSS3动画的基本疑问:

      1. 动画的播放方式:CSS3动画有两种播放方式,一种是立即播放,另一种是延迟播放。如果你想要立即执行动画,你可以使用animation属性的play属性;如果你想要延迟执行动画,你可以使用animation属性的iteration-count属性,它的值可以是0,1,2等,表示动画的迭代次数。

      2. 动画的重复次数:CSS3动画有多个重复次数,例如animation-timing-function属性的值可以是ease-in-outease-in-out-cubic等,表示动画的播放速度。如果你想要动画的重复次数更多,你可以使用animation-duration属性的值。

      3. 动画的持续时间:CSS3动画的持续时间可以设置在动画的开始和结束之间。你可以使用animation-duration属性的值来设置这个持续时间。

      4. 动画的延迟:CSS3动画的延迟可以设置在动画开始和结束之间。你可以使用animation-timing-function属性的值来设置这个延迟。

      5. 动画的缓动:CSS3动画的缓动可以设置在动画的开始和结束之间。你可以使用animation-timing-function属性的值来设置这个缓动。

      6. 动画的清除:CSS3动画的清除可以设置在动画的开始和结束之间。你可以使用animation-iteration-count属性的值来设置这个清除。

      7. 动画的暂停:CSS3动画的暂停可以设置在动画的开始和结束之间。你可以使用animation-name属性的值来设置这个暂停。

      8. 动画的取消:CSS3动画的取消可以设置在动画的开始和结束之间。你可以使用animation-name属性的值来设置这个取消。

      以上就是关于CSS3动画的一些基本疑问,如果你在使用CSS3动画时遇到问题,可以查阅相关的CSS3教程或者寻求专业人士的帮助。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部