css3之动画animation

动画animation

  • 一.优点
  • 二.定义和使用
  • 三.动画序列和解释
  • 四.常见属性及解释
  • 五.简写(名字和时间不能省略)(持续时间在何时开始的时间前)(简写中无animation-play-state)
  • 六.例子
    • 1.大数据热点图
    • 2.奔跑的熊大(一个元素可添加多个动画,用,隔开)

一.优点

更多变化,更多控制,连续自动播放

二.定义和使用

1.定义(在style中定义)
在这里插入图片描述
(2)使用
在这里插入图片描述

三.动画序列和解释

在这里插入图片描述

在这里插入图片描述

四.常见属性及解释

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

五.简写(名字和时间不能省略)(持续时间在何时开始的时间前)(简写中无animation-play-state)

在这里插入图片描述

六.例子

1.大数据热点图

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.奔跑的熊大(一个元素可添加多个动画,用,隔开)

在这里插入图片描述
在这里插入图片描述

相关推荐

  1. Css3梳理篇——animation动画

    2024-03-31 05:34:07       15 阅读
  2. CSS动画(Transform,Transition,Animation

    2024-03-31 05:34:07       33 阅读
  3. css Animation 动画-右进左出

    2024-03-31 05:34:07       17 阅读
  4. CS3CA】Computer Animation

    2024-03-31 05:34:07       30 阅读
  5. CSS基础】10.过度动画transition和动画animation

    2024-03-31 05:34:07       20 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-03-31 05:34:07       19 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-31 05:34:07       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-31 05:34:07       20 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-31 05:34:07       20 阅读

热门阅读

  1. vue图片压缩

    2024-03-31 05:34:07       15 阅读
  2. RK3588平台开发系列讲解(开发环境搭建)

    2024-03-31 05:34:07       15 阅读
  3. springboot和spring的区别

    2024-03-31 05:34:07       17 阅读
  4. 预处理、编译、汇编、链接过程

    2024-03-31 05:34:07       15 阅读
  5. Superset二次开发之环境搭建Clickhouse(Linux版)

    2024-03-31 05:34:07       17 阅读
  6. npm 常用命令详解 详细

    2024-03-31 05:34:07       17 阅读
  7. vue时间组件:dayjs与moment

    2024-03-31 05:34:07       16 阅读
  8. 物联网在农业领域应用案例

    2024-03-31 05:34:07       17 阅读
  9. MySQL正则表达式的详细介绍

    2024-03-31 05:34:07       21 阅读
  10. 【力扣】191.位 1 的个数、485.最大连续 1 的个数

    2024-03-31 05:34:07       19 阅读