文档章节

CSS角度单位:deg、grad、rad、turn

o
 osc_wws45aot
发布于 2019/08/21 11:01
字数 153
阅读 29
收藏 0

精选30+云产品,助力企业轻松上云!>>>

1、deg

度(Degress)。一个圆共360度

90deg = 100grad = 0.25turn ≈ 1.570796326794897rad

-moz-transform: rotate(2deg);
-webkit-transform: rotate(2deg);
transform: rotate(2deg);
2、grad
梯度(Gradians)。一个圆共400梯度

90deg = 100grad = 0.25turn ≈ 1.570796326794897rad

-moz-transform: rotate(2grad);
-webkit-transform: rotate(2grad);
transform: rotate(2grad);
3、rad
弧度(Radians)。一个圆共2π弧度

90deg = 100grad = 0.25turn ≈ 1.570796326794897rad

-moz-transform: rotate(2rad);
-webkit-transform: rotate(2rad);
transform: rotate(2rad);
4、turn
转、圈(Turns)。一个圆共1圈

90deg = 100grad = 0.25turn ≈ 1.570796326794897rad

-webkit-transform: rotate(.5turn);
transform: rotate(.5turn);

————————————————
版权声明:本文为CSDN博主「Liyuxinger」的原创文章,遵循CC 4.0 by-sa版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/liyuxing6639801/article/details/70941569

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
CSS之Transform

我们利用css3中的transform可以实现文字或图像的旋转、缩放、倾斜和移动四种类型的变形处理。 本文使用的是标准的transform,亦可以使用各个浏览器对应私有的属性。对应如下 -webkit-transf...

我是偶哦
2016/05/28
63
0
vw+vh+rem响应式布局

科普下: 平时很少用的css单位: 1.长度单位: rem:相对长度单位。相对于根元素(即html元素)font-size计算值的倍数; vw:相对于视口的宽度。视口被均分为100单位的vw; vh:相对于视口的高度。视...

Ashok
2019/07/10
15
0
你不知道的CSS单位

CSS中大部分属性值都有对应的量词单位,常见的如描述盒模型尺寸的 ,又比如CSS3中的属性的一些值。下面的导图中基本上包括了所有的单位,下面将详细介绍它们的定义及使用方式。  一、长度单...

osc_f1goeecw
2018/04/07
2
0
css 单位

css 尺寸单位 绝对长度 绝对长度单位是一个固定的值,它反应一个真实的物理尺寸。绝对长度单位视输出介质而定,不依赖于环境(显示器、分辨率、操作系统等)。 px(pixel)像素,绝对单位,p...

w-rain
2016/08/19
103
0
html5 CSS角度单位:deg、grad、rad、turn --------transform用法

p { display: inline-block; background:yellow; transform:rotate(20grad); } 1、deg 2、grad 梯度(Gradians)。一个圆共400梯度 90deg = 100grad = 0.25turn ≈ 1.570796326794897rad -mo......

码的不是程序_是情怀
03/31
0
0

没有更多内容

加载失败,请刷新页面

加载更多

是否有可能从另一个git存储库中挑选一个提交? - Is it possible to cherry-pick a commit from another git repository?

问题: I'm working with a git repository that needs a commit from another git repository that knows nothing of the first. 我正在使用一个git存储库,需要从另一个不知道第一个存储库......

技术盛宴
昨天
0
0
【LeetCode】53 盛最多水的容器

题目 解题思路 双指针法: https://leetcode-cn.com/problems/container-with-most-water/solution/sheng-zui-duo-shui-de-rong-qi-by-leetcode-solution/ 代码 public class Solution { ......

JaneRoad
昨天
16
0
阿里云OSS配置CDN加速

首先购买CDN流量包 然后添加域名 添加好后 然后将域名OSS.xxxx.com 解析到 生成的CDN域名上 这样就完成了

可达鸭眉头一皱
昨天
11
0
js 整数与小数正则替换片段

说明 /(\d+)/g 整数 /(\d+\.\d+)rem/g 小数 /(\d+\.\d+|\d+)rem/g 其中 | 或 条件 例子 全局查找带 rem 单位的,替换成 px 单位 let text = text.replace(/(\d+\.\d+|\d+)rem/g, function(s......

DrChenXX
昨天
9
0
ubuntu下minicorba例子

一、开发环境安装 sudo apt install omniorb omniorb-idl omniidl libomniorb4-dev libomniorb4-2 omniorb-nameserver libomnithread4 libomnithread4-dev 二、源文件: Hi.idl module ......

wangxuwei
昨天
18
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部