css动画的过渡.docx

上传人:b****2 文档编号:31399 上传时间:2023-04-28 格式:DOCX 页数:80 大小:30.33KB
下载 相关 举报
css动画的过渡.docx_第1页
第1页 / 共80页
css动画的过渡.docx_第2页
第2页 / 共80页
css动画的过渡.docx_第3页
第3页 / 共80页
css动画的过渡.docx_第4页
第4页 / 共80页
css动画的过渡.docx_第5页
第5页 / 共80页
css动画的过渡.docx_第6页
第6页 / 共80页
css动画的过渡.docx_第7页
第7页 / 共80页
css动画的过渡.docx_第8页
第8页 / 共80页
css动画的过渡.docx_第9页
第9页 / 共80页
css动画的过渡.docx_第10页
第10页 / 共80页
css动画的过渡.docx_第11页
第11页 / 共80页
css动画的过渡.docx_第12页
第12页 / 共80页
css动画的过渡.docx_第13页
第13页 / 共80页
css动画的过渡.docx_第14页
第14页 / 共80页
css动画的过渡.docx_第15页
第15页 / 共80页
css动画的过渡.docx_第16页
第16页 / 共80页
css动画的过渡.docx_第17页
第17页 / 共80页
css动画的过渡.docx_第18页
第18页 / 共80页
css动画的过渡.docx_第19页
第19页 / 共80页
css动画的过渡.docx_第20页
第20页 / 共80页
亲,该文档总共80页,到这儿已超出免费预览范围,如果喜欢就下载吧!
下载资源
资源描述

css动画的过渡.docx

《css动画的过渡.docx》由会员分享,可在线阅读,更多相关《css动画的过渡.docx(80页珍藏版)》请在冰点文库上搜索。

css动画的过渡.docx

css动画的过渡

1打印

DOCTYPEhtml>

page

--

描述:

语法:

page:

auto|

默认值:

auto

取值:

auto:

参照当前的默认页面

指定@page规则下的页面类型定

说明:

检索或指定显示对象容器时使用的页面类型。

-->

2页分割符

DOCTYPEhtml>

page-break-after

--

描述:

检索或设置对象之后出现的页分割符。

对应的脚本特性为pageBreakAfter

语法:

page-break-after:

auto|always|avoid|left|right

默认值:

auto

取值:

auto:

如果需要,在对象之后插入页分割符

always:

始终在对象之后插入页分割符

avoid:

避免在对象之后插入页分割符

left:

在对象之后插入页分割符直到它到达一个空白的左页边

right:

在对象之后插入页分割符直到它到达一个空白的右页边

-->

在对象之后插入页分割符

page-break-after:

always

page-break-after:

always

page-break-after:

always

page-break-after:

always

3插入页分割符

DOCTYPEhtml>

page-break-before

--

描述:

语法:

page-break-before:

auto|always|avoid|left|right

默认值:

auto

取值:

auto:

如果需要,在对象之前插入页分割符

always:

始终在对象之前插入页分割符

avoid:

避免在对象前面插入页分割符

left:

在对象前面插入页分割符直到它到达一个空白的左页边

right:

在对象前面插入页分割符直到它到达一个空白的右页边

说明:

检索或设置对象之前出现的页分割符。

对应的脚本特性为pageBreakBefore。

-->

在对象之前插入页分割符

page-break-before:

always

page-break-before:

always

page-break-before:

always

page-break-before:

always

4对象容器内部出现页分割符

DOCTYPEhtml>

page-break-inside

--

描述:

检索或设置对象容器内部出现的页分割符。

对应的脚本特性为pageBreakInside。

语法:

page-break-inside:

auto|avoid

默认值:

auto

取值:

auto:

如果需要,在当前对象内部插入页分割符

avoid:

避免在当前对象内部插入页分割符

-->

如果需要,在对象内部插入页分割符

page-break-inside:

auto

page-break-inside:

auto

page-break-inside:

auto

page-break-inside:

auto

5复合属性动画特效

DOCTYPEhtml>

animation

--

描述:

复合属性。

检索或设置对象所应用的动画特效。

如果提供多组属性值,以逗号进行分隔。

对应的脚本特性为animation。

语法:

animation:

[[animation-name]||[animation-duration]||[animation-timing-function]||[animation-delay]||[animation-iteration-count]||[animation-direction]][,[animation-name]||[animation-duration]||[animation-timing-function

]||[animation-delay]||[animation-iteration-count]||[animation-direction]]*

默认值:

看每个独立属性

相关属性:

[animation-play-state]

取值:

[animation-name]:

检索或设置对象所应用的动画名称

[animation-duration]:

检索或设置对象动画的持续时间

[animation-timing-function]:

检索或设置对象动画的过渡类型

[animation-delay]:

检索或设置对象动画延迟的时间

[animation-iteration-count]:

检索或设置对象动画的循环次数

[animation-direction]:

检索或设置对象动画在循环中是否反向运动

[animation-play-state]:

检索或设置对象动画的状态。

w3c正考虑是否将该属性移除,因为动画的状态可以通过其它的方式实现,比如重设样式

-->

CSS3Animations

CSS3Animations

CSS3Animations

展开阅读全文
相关搜索
资源标签

当前位置:首页 > 总结汇报 > 学习总结

copyright@ 2008-2023 冰点文库 网站版权所有

经营许可证编号:鄂ICP备19020893号-2