css3 翻转和旋转的区别
3个回答
2016-12-27 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
css3 翻转和旋转的区别如下：
概述：css3中的transform中有旋转，放缩，倾斜，平移的功能，分别对应的属性是：rotate，scale，skew，translate
1、旋转，利用rotate来实现，代码如下：
-webkit-transform:rotate(10deg); 指定浏览器内核为webkit的翻转方式
-moz-transform:rotate(10deg);指定firefox浏览器私有属性
transform:rotate(10deg); 一般浏览器翻转的角度为10弧度
2、 翻转，利用scale来实现，代码如下：
scale本来是放缩的意思，原来括弧里面（1，1）前者表示X轴，后者表示Y轴，当数字大于1时放大，大于0并小于1时缩小，负数代表翻转
水平翻转：
-webkit-transform:scale(-1，1); 水平轴为-1，代表水平翻转
-moz-transform:scale(-1，1); 水平轴为-1，代表水平翻转
transform:scale(-1，1);水平轴为-1，代表水平翻转
垂直翻转：
-webkit-transform:scale(1，-1); 垂直轴为-1，代表垂直翻转
-moz-transform:scale(1，-1); 垂直轴为-1，代表垂直翻转
transform:scale(1，-1);垂直轴为-1，代表垂直翻转
概述：css3中的transform中有旋转，放缩，倾斜，平移的功能，分别对应的属性是：rotate，scale，skew，translate
1、旋转，利用rotate来实现，代码如下：
-webkit-transform:rotate(10deg); 指定浏览器内核为webkit的翻转方式
-moz-transform:rotate(10deg);指定firefox浏览器私有属性
transform:rotate(10deg); 一般浏览器翻转的角度为10弧度
2、 翻转，利用scale来实现，代码如下：
scale本来是放缩的意思，原来括弧里面（1，1）前者表示X轴，后者表示Y轴，当数字大于1时放大，大于0并小于1时缩小，负数代表翻转
水平翻转：
-webkit-transform:scale(-1，1); 水平轴为-1，代表水平翻转
-moz-transform:scale(-1，1); 水平轴为-1，代表水平翻转
transform:scale(-1，1);水平轴为-1，代表水平翻转
垂直翻转：
-webkit-transform:scale(1，-1); 垂直轴为-1，代表垂直翻转
-moz-transform:scale(1，-1); 垂直轴为-1，代表垂直翻转
transform:scale(1，-1);垂直轴为-1，代表垂直翻转
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
博思AIPPT是基于ai制作PPT的智能在线工具，它提供了4种AI制作PPT的方式，包括AI生成大纲、AI直接生成PPT、文本生成PPT、AI提炼文档生成PPT，一站式集成多种AI生成PPT的方式，可满足办公用户的不同需求和使用场景。ai生...
点击进入详情页
本回答由博思aippt提供
展开全部
翻转是沿着z轴转的，旋转只是平面的，翻转是涉及到3d属性的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
css3有翻转属性？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
