CSS3中transform属性的详解

更新时间:2023-05-14 12:42:18 阅读: 评论:0

CSS3中transform属性的详解
语法:none|[]* 初始值是none。
魔术贴 英文
transform-function函数取值:

jamaicamatrix():定义矩阵变换。一般将来时的构成

cctv9dialoguetranslate():移动元素对象。

scale():缩放元素对象。

rotate():旋转元素对象。

skew():倾斜元素对象。
package dat
苹果手机广告歌曲例如(兼容扫瞄器):

1.rotate()函数:transform: rotate(-90deg);-o-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

2.scale()函数:transform: scale(2);-o-transform: scale(2);-moz-transform: scale(2);-webkit-transform: scale(2);

当为scale传递不同的参数值时,缩放动画效果是不同的。scale(1,2)意思是宽度保持不变,高度变为本来的2倍。scale(1,-2)意思是宽度保持不变,高度变为本来的2倍且旋转180度。

3.translate()函数:transform: translate(4px, 6px);-o-transform: translate(4px, 6px);-moz-transform:translate(4px, 6px);-webkit-transform: translate(4px, 6px);参数可以是负的像素
公共英语三级答案
biomarker值。emba和mba区别

英语资料4.skew()函数:transform: skew(30deg, -20deg);-o-transform: skew(30deg, -20deg);-moz-transform: skew(30deg, -20deg);-webkit-transform: skew(30deg, -20deg);会转变元素的外形,而rotate函数不会转变元素的外形。

5.matrix()函数:transform: matrix(3,2,3,5,0,0);-o-transform: matrix(3,2,3,5,0,0);-moz-transform: matrix(3,2,3,5,0,0);-webkit-transform: matrix(3,2,3,5,0,0);参数为6个数值。

 

     

本文发布于:2023-05-14 12:42:18,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/90/108142.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:元素   对象   缩放   歌曲   例如   保持   不变
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图