transform3D旋转变换属性

transform-style属性(设置三维/二维效果)
  值:
    flat表示子元素不保留3D设置(默认)
    preserve-3d表示子元素保留3D设置

transform属性  

  值:

    X轴向右为正,Y轴向下为正,Z轴向外为正
    translateX(length)、translateY(length)、translateZ(length)对元素进行3D位移,合并为translate3d(x,y,z,deg)(并不好用,必须同等旋转)

      旋转逆时针为负、顺时针为正,旋转中心设置 

    scaleX(number)、scaleY(number)、scaleZ(number)对元素进行3D缩放,合并为scale3d(number,number,number)

    rotateX(angle)、rotateY(angle)、rotateZ(angle)对元素进行3D旋转操作,合并为rotate3d(angle,angle,angle)

时间: 2024-10-13 13:49:19

transform3D旋转变换属性的相关文章

iOS流布局UICollectionView系列六——将布局从平面应用到空间

iOS流布局UICollectionView系列六--将布局从平面应用到空间 一.引言 前面,我们将布局由线性的瀑布流布局扩展到了圆环布局,这使我们使用UICollectionView的布局思路大大迈进了一步,这次,我们玩的更加炫一些,想办法将布局应用的空间,你是否还记得,在管理布局的item的具体属性的类UICollectionViewLayoutAttributrs类中,有transform3D这个属性,通过这个属性的设置,我们真的可以在空间的坐标系中进行布局设计.iOS系统的控件中,也并非

CABasicAnimation

前言 本教程写了这个效果图的demo,同时总结CABasicAnimation的使用方法. 看完gif动画完,看到了什么?平移.旋转.缩放.闪烁.路径动画. 实现平移动画 实现平移动画,我们可以通过transform.translation或者水平transform.translation.x或者垂直平移transform.translation.y添加动画. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

Java知多少(99)Graphics2D类的绘图方法

Java语言在Graphics类提供绘制各种基本的几何图形的基础上,扩展Graphics类提供一个Graphics2D类,它拥用更强大的二维图形处理能力,提供.坐标转换.颜色管理以及文字布局等更精确的控制. 绘图属性 Graphics2D定义了几种方法,用于添加或改变图形的状态属性.可以通过设定和修改状态属性,指定画笔宽度和画笔的连接方式:设定平移.旋转.缩放或修剪变换图形:以及设定填充图形的颜色和图案等.图形状态属性用特定的对象存储. 1. stroke属性stroke属性控制线条的宽度.笔形

[转]UICollectionView 全解

什么是UICollectionView? UICollectionView是一种新的数据展示方式,简单来说可以把他理解成多列的UITableView.它有许多与UITableView相同的地方,例如:数据源.代理等接口等.既然,UITableView有这么多的相似之处,为什么还要学习CollectionView呢?作为一个独立的控件,CollectionView有着自己独特的布局特性,这一点拉开了两个控件的差距,所以学习UIcollectionView还是非常有必要的. UICollection

CABasicAnimation精讲

前言 本教程写了这个效果图的demo,同时总结CABasicAnimation的使用方法. 看完gif动画完,看到了什么?平移.旋转.缩放.闪烁.路径动画. 实现平移动画 实现平移动画,我们可以通过transform.translation或者水平transform.translation.x或者垂直平移transform.translation.y添加动画. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

Java中的Graphics2D类基本使用教程

Java语言在Graphics类提供绘制各种基本的几何图形的基础上,扩展Graphics类提供一个Graphics2D类,它拥用更强大的二维图形处理能力,提供.坐标转换.颜色管理以及文字布局等更精确的控制.绘图属性 Graphics2D定义了几种方法,用于添加或改变图形的状态属性.可以通过设定和修改状态属性,指定画笔宽度和画笔的连接方式:设定平移.旋转.缩放或修剪变换图形:以及设定填充图形的颜色和图案等.图形状态属性用特定的对象存储. 1. stroke属性stroke属性控制线条的宽度.笔形样

两点补充——CSS3新属性以及弹性布局

CSS3 新属性 一.[ CSS3新增属性前缀 ] 1.-webkit-:chrome/safari 2.-moz-:火狐 3.-mo-:IE 4.-o-: Opera 欧朋 二 .[CSS 长度单位] 1.px:像素.长度固定,表示分辨率占几个像素点: 2.%:表示相对于默认值的百分比: 3.em:长度与元素的字号挂钩. rem:长度与根元素的字号挂钩. 即与html 的 font-size 挂钩,若不设置,默认16px . [ em与rem区别 ] em与当前元素自身的font-size挂钩

transform3D实现翻页效果

---恢复内容开始--- 闲篇 最近升级了下百度音乐,唯一的感觉就是动画效果很炫丽.我不是个对产品很敏感的人,但是这段时间观察一些大厂的产品发现现在的APP越来越重视动画效果了.大家可能没有注意过,连支付宝的一个很边缘很边缘的小角落(“财富 ->芝麻信用分 ->信用猜猜”)动画也是很炫的.随着手机硬件的增强以及广大苦逼程序员的不懈努力与钻研,APP的会越来越强调交互性,物理效果(UIDynamic)和动画效果(CoreAnimation)会越来越受欢迎. 准备 好吧,闲话不说了,首先跟大家坦白

css的一些属性及其属性值

CSS常用文本属性 1.字体.字号类: ①font-weight:字体粗细 bold-加粗.normal-正常.lighter-细体,也可以使用100-900数值,400表示normal,700表示b ②font-style:字体样式.italic-倾斜.normal-正常 ③font-size:字号.可以写px单位,也可以写%.200%表示浏览器默认大小(16px)的两倍=32px ④font-family:字体系列(字体族) >>>可以直接写字体名,也可以写字体系列名. >&g