分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

transform css3 的使用及理解

发布时间:2023-09-06 01:53责任编辑:彭小芳关键词:暂无标签
 
1、transform是什么?   变形,改变
2、transform 常用属性  rotate() / skew() / scale() / translate(,) ,分别还有x、y之分,比如:rotatex() 和 rotatey() ,以此类推
3、分别的意义:
rotate():旋转 旋转左10度 transform : rotate(-10deg)      deg表示度数
skew()  :向左倾斜10度 transform : rotate(10deg)  
scale() :  放大1.5倍        transform : rotate(1.5)  
translate() :位移 向右偏移20px,向上偏移15px     translate(20,15)   如果是向下和向左则是负数
 
以下表示适合什么内核
-ms-transform:rotate(7deg); //-ms代表ie内核识别码
-moz-transform:rotate(7deg); //-moz代表火狐内核识别码
-webkit-transform:rotate(7deg); //-webkit代表谷歌内核识别码
-o-transform:rotate(7deg); //-o代表欧朋【opera】内核识别码
transform:rotate(7deg); //统一标识语句。最好这句话也写下去,符合w3c标准
 
参考博文 http://www.daqianduan.com/2959.html
 
 
 

transform css3 的使用及理解

原文地址:https://www.cnblogs.com/lanSeGeDiao/p/9029577.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved