博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css3过度属性,2D3D转换,动画
阅读量:7057 次
发布时间:2019-06-28

本文共 925 字,大约阅读时间需要 3 分钟。

过度

  transition(过度)

  transition-property: 属性; 设置需要过度属性一般设置为 all (全部)

  transition-duration: 1s;     设置过度花费的时间

  transition-timing-function: linear;    设置过度效果的速度曲线。linear 代表匀速;

  transition-delay: 1s;     设置过度的延时

2D&3D转换

  transform

  transform: translate(x, y) & translateX() & translateY() & translateZ();  设置平移

  transform: scale(x, y) & scaleX() & scaleY() & scaleZ();   设置缩放

  transform: rotate(x, y) & rotateX() & rotateY() & rotate();   设置旋转

动画

  keyframes    @keyframes 自定义动画名称 { from{ 动画的开始状态 } to{ 动画的结束状态 } };也可以用百分比

  animation-name    用来调用动画集

  animation-duration    设置动画执行时间

  animation-timing-function    设置动画速度曲线。linear 代表匀速;

  animation-delay    设置动画延时时间

  animation-iteration-count    设置动画执行次数。默认值 1 ; 无限次的执行 infinite 

  animation-direction    设置动画逆波

  animation-fill-mode    设置动画执行动画完成后的状态,在使用该属性的时候,要保证动画执行的次数不是无限次

  animation-play-state    暂停动画,设置值为:paused。一般配合事件使用

  

 

 

  

转载于:https://www.cnblogs.com/yymxp/p/9086621.html

你可能感兴趣的文章
20051008网络工程师必懂的专业术语
查看>>
2012年我的十大工程7——阅读工程
查看>>
windows调整网卡访问顺序
查看>>
我的php学习笔记(42) PHP通过mail()或Socket发从邮件
查看>>
Mysql-主从精简配置
查看>>
ROM 、RAM和FLASH 的区别
查看>>
深入挖掘vsftpd服务
查看>>
使用smtplib发送E-mail
查看>>
C#窗体控件更新(四)
查看>>
solr部署
查看>>
Linux命令之umask
查看>>
浏览器对象的各种宽高
查看>>
python学习笔记--虫师
查看>>
802.1x登录认证
查看>>
我的友情链接
查看>>
Cobbler无人值守安装
查看>>
××× 专线
查看>>
怎样在 ubuntu 上安装 Linux 3.11 内核
查看>>
Citrix XenApp Lic指向设置
查看>>
移动视频技术
查看>>