css3 units & 1 turn
2024-10-10 08:42:06
css3 units & 1 turn
One full circle is 1turn, 180deg === 0.5turn
degrees, gradians, radians, turns
角度，刻度，弧度，转
deg, grad, rad, turn
transform: rotate(45deg);
transform: rotate(3.1416rad);
transform: rotate(-50grad);
transform: rotate(1.75turn);
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Types
https://developer.mozilla.org/en-US/docs/Web/CSS/angle
https://developer.mozilla.org/en-US/docs/Web/CSS/transform
.activated .card-header .card-header-right-text:nth-last-of-type(1)::after{
position: absolute;
top: 2px;
right: -5px;
display: block;
content: "^";
width: 1px;
height: 100%;
color: #ffffff;
font-size: 23px;
/* transform: rotate(0.5turn) translateX(-10px); */
transform: rotate(180deg) translateX(-10px);
-webkit-transform: rotate(180deg) translateX(-10px);
-moz-transform: rotate(180deg) translateX(-10px);
-ms-transform: rotate(180deg) translateX(-10px);
-o-transform: rotate(180deg) translateX(-10px);
}
https://developer.mozilla.org/en-US/docs/Web/CSS/ratio
https://developer.mozilla.org/en-US/docs/Web/CSS/@media/aspect-ratio
https://developer.mozilla.org/en-US/docs/Web/CSS/gradient
demo
alipay cards
xgqfrms 2012-2020
www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！
最新文章
- MySQL mac 安装
- 每天一道LeetCode--409 .Longest Palindrome
- 源码分析shiro认证授权流程
- FZU2132 - LQX的作业（概率论）
- HDU 2544 最短路 SPFA 邻接表 模板
- java中Class对象详解
- android版本 busybox
- abstract、override、new、virtual、sealed使用和示例
- zookeeper 笔记-机制的特点
- RabbitMQ使用时注意的一些问题
- FrameSet定义页面宽度并且居中
- 既然写CSS很容易，那为什么大家还是把CSS写的那么烂呢？
- 清除redis缓存
- hdu2121 最小树形图的虚根
- LVS主从部署配置和使用
- react input的几个坑
- iostart 命令
- 在centos7.1上安装systemd
- 容斥 或者 单调栈 hihocoder #1476 : 矩形计数 和 G. Snake Rana 2017 ACM Arabella Collegiate Programming Contest
- LintCode2016年8月22日算法比赛----克隆二叉树