首页 > 其他分享 >JS animate() 学习

JS animate() 学习

时间:2024-10-07 17:33:07浏览次数:9  
标签:动画 translateX eg transform JS 学习 animate

animate(keyframes,options)

  1. 关键帧 

    1/ 如果是过渡动画 直接就写效果 eg: { transform: 'rotate(360deg)' }

    2/ 关键帧数组 使用数组报过对象 eg: [{transform: 'translateX(400px)'},{transform: 'translateX(300px)'},{transform: 'translateX(20px)'}]

  2. 动画属性

    1/ delay 延迟

    2/ direction 动画方向

    3/ duration 持续时间

    4/ easing 动画速率

    5/ endDelay

    6/ fill 结束时复位

    7/ interationStart 

    8/ interations 重复次数 默认1 无限 ‘Infinity’

    9/ composite

    

标签:动画,translateX,eg,transform,JS,学习,animate
From: https://www.cnblogs.com/shirunfeng/p/18450354

相关文章

  • Markdown学习
    Markdown学习标题#+空格+标题最多为6级标题字体Hello,world!(粗体):文字两边各加两个*Hello,world!(斜体):文字两边各加一个*Hello,world!(斜体+粗体):文字两边各加三个*Hello,world!(删除线):文字两边各加两个~引用信念为舟,坚持为帆,方能远航至梦想的彼岸。引用句子:>+句子分割线......
  • Flask学习
    在想要实现一个项目https://github.com/xiwan/LLM-Game-Agents时发现部署出了一点问题先来制定一个蹩脚的计划:◕‿◕好吧稍微有点不知道从哪儿开始。。因为我不知道正确的应该是什么样的,所以想到目标就觉得有点胆怯了没找到问题在哪,先尝试一下:`fromflaskimportFlaskapp=Fl......
  • 学习Openmv的第四天——鼠标绘图
    1、简单演示在这里,我们创建一个简单的应用程序,无论我们在哪里双击它,都可以在图像上绘制一个圆。首先,我们创建一个鼠标回调函数,该函数在发生鼠标事件时执行。鼠标事件可以是与鼠标相关的任何事物,例如左键按下,左键按下,左键双击等。它为我们提供了每个鼠标事件的坐标(x,y)。通......
  • 珂朵莉树(ODT)学习笔记
    对一个序列进行推平和查询等操作,我们难免会有过这样的想法:只维护连续段即可。但是这只是比较优的暴力,精心构造的数据可以轻松卡掉。事实上,在随机数据下,这样的算法的时间复杂度是\(\mathcal{O}(n\logn)\),这就是颜色段均摊理论,证明不会。根据这个理论产生了珂朵莉树,它可以维护区......
  • 大模型配置学习
    为什么在import里有一个GPT2,然后,在代码里面又有一个frompretrainedgpt2在import部分引入了GPT2Model后,在代码中使用GPT2Model.from_pretrained("gpt2")来加载预训练的模型。这样做的原因是,import只是引入了GPT2Model这个类,它提供了GPT-2的模型定义。而from_pretrai......
  • Nuxt.js 应用中的 link:prefetch 钩子详解
    title:Nuxt.js应用中的link:prefetch钩子详解date:2024/10/7updated:2024/10/7author:cmdragonexcerpt:link:prefetch是一个强大的钩子,允许开发者在链接预取时执行附加逻辑。合理利用这个钩子,可以帮助优化页面的加载速度和用户体验,提升Web应用的整体性能。categ......
  • 高性能计算学习笔记(1)
    一、程序优化CPU程序优化1.1体系结构:CPU流水线技术、高速缓指令集、CPU超标量设计1.2并行技术:MPI、OpenMP、SIMD、汇编1.3算法:算法优化GPU程序优化1.1GPU的体系结构(计算核心、高带宽、多级存储)1.2GPU并行框架:CUDA、OpenCL、OpenACC1.3并行设计的算法程序优化核心......
  • prometheus学习笔记之PromQL
    prometheus学习笔记之PromQL一、PromQL语句简介官方文档:https://prometheus.io/docs/prometheus/latest/querying/basics/Prometheus提供⼀个函数式的表达式语⾔PromQL(PrometheusQueryLanguage),可以使⽤户实时地查找和聚合时间序列数据,表达式计算结果可以在图表中展示,也可......
  • Midjourney零基础学习
    Midjourney学习笔记TOP01什么是AI艺术AI艺术指的是使用AI技术创作的艺术作品,包括AI诗歌、AI音乐、AI绘画等多种艺术表现形式;AI艺术可以被视为计算机程序与人类合作创作作品;除了Midjourney,比较流行的AI图像生成工具还有StableDiffusion、Dall-E、Imagen、VQGAN+CLIP、Dre......
  • 国庆期间不停歇—学习ROS2第四天
    1.现在终端中创建文件其次在该文件目录下打开,最后在VS中创建两个文件夹,最后一个是src在终端中创建pkg,  ros2pkgcreatedemo_python_topic--build-typeament_python--dependenciesrclpyexample_interfaces--licenseApache-2.0ros2中创建功能包包的名字demo_py......