HTML5+CSS3网站设计基础教程第3版第9章过渡、变形和动画.pdfVIP

下载本文档

8
0
约1.8万字
约 85页
2023-10-15 发布于广西
举报
版权申诉

HTML5+CSS3网站设计基础教程第3版第9章过渡、变形和动画.pdf

1、有哪些信誉好的足球投注网站（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
7、VIP文档为合作方或网友上传，每下载1次，网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档

第9章过渡、变形和动画《HTML5+CSS3网站设计基础教程（第3版）》学习目标/Target 掌握过渡的各种属性，能够为网页中的元素添加过渡效果。掌握变形的各种属性，能够制作2D变形效果和3D变形效果。掌握动画的各种属性，能够为网页中的元素添加动画效果。章节概述/ Summary 在传统的Web 设计中，当网页中要显示动画或特效时，往往需要使用 JavaScript脚本或者Flash来实现。在CSS3中，新增了过渡、变形和动画属性，可以轻松实现旋转、缩放、移动和过渡等动画效果，让动画和特效的实现变得更加简单。本章将对CSS3中的过渡、变形和动画进行详细讲解。目录/Contents 9.1 过渡 9.2 变形 9.3 动画 9.4 阶段案例——表情图片 9.1 过渡 9.1 过渡 CSS3提供了强大的过渡属性，它可以在不使用Flash 动画或者JavaScript脚本的情况下，为元素从一种样式转变为另一种样式时添加效果，例如渐显、渐隐、速度的变化等。在CSS3 中，过渡属性主要包括 transition-property 、 transition-duration 、 transition-timing-function 、transition-delay ，本节将分别对这些过渡属性进行详细讲解。 9.1 过渡 9.1.1 transition-property属性学习目标掌握transition-property属性，能够指定要应用过渡的CSS属性。 9.1 过渡 9.1.1 transition-property属性 transition-property属性用于设置应用过渡效果的CSS属性。 transition-property属性的基本语法格式 transition-property:none|all|property; transition-property属性值属性值描述 none 没有属性会获得过渡效果。 all 所有属性都将获得过渡效果。 property 定义应用过渡效果的CSS属性，多个属性之间以逗号分隔。 9.1 过渡 9.1.1 transition-property属性案例演示 9.1 过渡 9.1.2 transition-duration属性学习目标掌握transition-duration属性，能够设置过渡效果持续的时间。 9.1 过渡 9.1.2 transition-duration属性 transition-duration属性用于定义过渡效果持续的时间。 transition-duration属性的基本语法格式 transition-duration:time; transition-duration time取值为指定单位的时间，常