- 1、本文档共8页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
CSS3动画讲解教程
CSS3动画讲解;01;css3简介;css3 2D转换常见知识点;rotate()方法,设置元素旋转的角度。
使用方法:
代码案例
div{transform:rotate(30deg);}
详解
rotate中只有一个参数,是设定角度值,deg是单位。此时div将会顺时针旋转30度,如果角度是负值(-30deg),div将会逆时针旋转30度
效果图
浅红色是没有给rotate属性之前的样式;
图一是给了transform:rotate(30deg)后的样式;
图二是给了transform:rotate(-30deg)后的样式;
;@keyframes规则是创建动画。 @keyframes规则内指定一个CSS样式和动画将逐步从目前的样式更改为新的样式。
使用方法:
方法1
@keyframes myfirst{
from {background: red;}
to {background: yellow;}
}
讲解:
第一种方法和第二种方法一样,都是让元素的背景颜色从红色变成黄色。第二种方法可以自己设定任意百分比,以及对应的样式。元素引入这个myfirst后就会出现过渡效果。
引入方法
div{width:100px;height:100px;background:red;position:relative;animation:myfirst 1s linear infinite;}
animation将动画与 div 元素绑定。后面的myfirst 1s linear 2s infinite alternate是缩写;见下一页
;animation-name 规定需要绑定到选择器的 keyframe 名称。(myfirst )
animation-duration 规定完成动画所花费的时间,以秒或毫秒计。(1s)
animation-timing-function 规定动画的速度曲线。(linear)
linear 动画从头到尾的速度是相同的。
ease 默认。动画以低速开始,然后加快,在结束前变慢。
ease-in 动画以低速开始。
ease-out 动画以低速结束。
ease-in-out 动画以低速开始和结束。
animation-delay 规定在动画开始之前的延迟。(2s)
animation-iteration-count 规定动画应该播放的次数。(infinite)
n 定义动画播放次数的数值。
infinite
animation-direction 规定是否应该轮流反向播放动画。(alternate)
normal 默认值。动画应该正常播放。
alternate 动画应该轮流反向播放。
;?????
您可能关注的文档
- hadoop+hive+sqoop+hbase简介+安装部署.docx
- Creo教程(十二),EFX钢结构模块建模举例top-down应用教程.doc
- HG皮肤基础知识培训.ppt
- HKSI-01_PP-HKSI(21-3).doc
- chapter18-1脊神经教程.ppt
- hdw-2016-09-Translation for company profile-02.ppt
- HKSI-01_PP-HKSI(26-7).doc
- HDD简介Gor.ppt
- CRH380B型动车组高压接地教程.ppt
- CRH3转向架第二组教程.ppt
- 县委2025贯彻中央八项规定精神学习教育心得讲话稿5个精选.docx
- 2025年中央八项规定精神主题教育心得(五篇合集).docx
- 2025年中央八项规定精神心得可修改资料.docx
- 党员2025年中央八项规定精神主题教育心得资料多篇合集.docx
- 教育局2025年党风廉政建设工作计划和党员教育管理工作计划.docx
- 某区群众身边不正之风和腐败问题集中整治工作汇报.docx
- 2025年深入贯彻中央八项规定精神学习教育实施方案.docx
- 深入贯彻中央八项规定精神学习教育实施方案范文四篇.docx
- 党支部2025年度党员教育培训计划、党支部创新党建工作实施方案、机关党支部1-12月主题党日活动计划方案合集.docx
- 初级经理培训教程课件.ppt
最近下载
- 2025年江苏安全技术职业学院单招职业倾向性考试题库必考题.docx VIP
- 湖北省武汉市江岸区七一华源中学2021-2022学年七年级(下)月考数学试卷(3月份).docx VIP
- 七年级英语课件的制作教案.docx
- DL_T 1685-2017油浸式变压器(电抗器)状态评价导则.pdf
- 电工与电子技术基础课件(全套).pptx
- 激光焊作业安全操作(安全操作规程、风险告知、应急处置).pdf
- 毕业设计(论文)-纸张耐折度测定仪设计.docx
- 2025年计算机等级考试二级MS Office高级应用与设计试题及答案指导.docx VIP
- 画人像(课件)人美版美术五年级上册.pptx
- CINV恶心呕吐的护理.pptx VIP
文档评论(0)