当前位置： 代码网 > it编程>网页制作>网页播放器 > 【13.HTML-动画】

【13.HTML-动画】

2024年08月01日 • 网页播放器 •我要评论
translate的百分比可以完成一个元素的水平和垂直居中：https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_animated_properties。

1 css属性 - transform

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

1.1 位移 - translate

在这里插入图片描述

translate的百分比可以完成一个元素的水平和垂直居中：
在这里插入图片描述

1.2 缩放 - scale

在这里插入图片描述

1.3 旋转 - rotate

在这里插入图片描述

1.4 transform-origin 形变的原点

在这里插入图片描述

1.5 倾斜 - skew

在这里插入图片描述

1.6 transform设置多个值

在这里插入图片描述

2 transition动画

2.1 认识transition动画

在这里插入图片描述

2.2 可以做动画的属性

https://developer.mozilla.org/zh-cn/docs/web/css/css_animated_properties
在这里插入图片描述

2.3 几个英语词汇的区分

在这里插入图片描述

2.4 过渡动画 - transition

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

3 animation动画

在这里插入图片描述

3.1 @keyframes规则

在这里插入图片描述

3.2 animation属性

在这里插入图片描述

3.3 执行代码示例

在这里插入图片描述

赞 (0)

相关文章:

版权声明：本文内容由互联网用户贡献，该文观点仅代表作者本人。本站仅提供信息存储服务，不拥有所有权，不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 2386932994@qq.com 举报，一经查实将立刻删除。

发表评论

验证码：
最近更新的文章
推荐阅读
大家感兴趣的文章
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱：2386932994@qq.com