每日一贴: 跟我一起学习Html5+Css3 transform的使用

宿海仁太 · 发表于 2014-9-1 23:30:27

transform的含义是：改变，使…变形；转换
transform的属性包括：rotate() / skew() / scale() / translate(,) ，分别还有x、y之分，比如：rotatex() 和 rotatey() ，以此类推。
直接看列子吧~
含义：旋转；其中“deg”是“度”的意思，如“10deg”表示“10度”下同。
dmo{
-weblit-transform:rotate(10deg);
-moz-t-transform:rotate(10deg);
-o-transform:rotate(10deg);
}

含义：倾斜；

dmo{
-weblit-transform:skew(10deg);
-moz-t-transform:skew(10deg);
-o-transform:skew(10deg);
}
另外几个我就不实验了反正属性不一样显示效果就不一样
效果:

ymgame01 · 发表于 2017-2-4 23:08:03

支持你，加油哦。

ymgame01 · 发表于 2017-2-4 23:07:50

效果好，支持你

xuexiyiyuyan007 · 发表于 2015-8-20 13:00:25

不错！论坛有你更精彩!

小女生 · 发表于 2014-9-2 00:45:38

支持一个

半夏时光 · 发表于 2014-9-1 23:46:51

路过顶贴，哈哈

		自动登录	找回密码
密码			注册

[JS例程分享] 每日一贴: 跟我一起学习Html5+Css3 transform的使用

点评

评分