为您找到相关结果162,271个
详解vue过度效果与动画transition使用示例_vue.js_脚本之家
transition提供六个钩子函数,提供给我们在不同时机编写相应的动画效果。以下是此六个钩子函数执行时机1.v-enter:进入过渡开始状态。在元素被插入之前生效,在元素被插入之后的下一帧移除。2.v-enter-active:进入过渡生效时的状态。这个类可以被用来定义进入过渡的过程时间,延迟和曲线函数。3.v-enter-to:进入过渡的...
www.jb51.net/article/2248...htm 2025-4-22
BOM系列第二篇之定时器requestAnimationFrame_javascript技巧_脚本...
计时器一直是javascript动画的核心技术。而编写动画循环的关键是要知道延迟时间多长合适。一方面,循环间隔必须足够短,这样才能让不同的动画效果显得平滑流畅;另一方面,循环间隔还要足够长,这样才能确保浏览器有能力渲染产生的变化大多数电脑显示器的刷新频率是60Hz,大概相当于每秒钟重绘60次。大多数浏览器都会对重绘操作加...
www.jb51.net/article/906...htm 2025-4-28
CSS实现一个简单loading动画效果_CSS教程_CSS_网页制作_脚本之家
animation: loading 1s infinite ease-in-out;/*animation:动画名称 持续时间 动画速度曲线 延迟 执行多少次 是否正反方向轮流播放*/ } .ddr2{ animation-delay: -0.9s;/*定义开始执行的地方,负号表示直接从第900ms开始执行*/ } .ddr3{ animation-delay: -0.8s; } .ddr4{ animation-delay: -0.7s; } ....
www.jb51.net/css/6084...html 2025-5-11