博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css-移动&缩放元素
阅读量:5443 次
发布时间:2019-06-15

本文共 447 字,大约阅读时间需要 1 分钟。

transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。

用法:object.style.transform="rotate(7deg)"

1、旋转: rotate(30deg);(顺时针旋转30°)

2、2D移动:translate(x,y)(右移到x,下移到y)

3、3D移动:translate3d(x,y,z)

4、横向移动:translateX(x)(横向移动到x)

5、竖向移动:translateY(y)(竖向移动到y)

6、缩放:scale(x,y)(以元素中心为中心,横向放大x倍,竖向放大y倍)

7、横向缩放:scaleX(2)(横向放大2倍)

8、竖向缩放:scaleY(5)(竖向放大5倍)

详情及效果参考: http://www.w3school.com.cn/cssref/pr_transform.asp

 

转载于:https://www.cnblogs.com/zhoujl-5071/p/7872753.html

你可能感兴趣的文章
PIE SDK矢量数据的读取
查看>>
Centos7安装rabbitmq server 3.6.0
查看>>
iostat命令学习
查看>>
SQL 三种分页方式
查看>>
查看linux是ubuntu还是centos
查看>>
html video的url更新,自动清缓存
查看>>
IOS Xib使用——为控制器添加Xib文件
查看>>
CentOS 7.0默认使用的是firewall作为防火墙,这里改为iptables防火墙步骤
查看>>
【11】ajax请求后台接口数据与返回值处理js写法
查看>>
Python菜鸟之路:Jquery Ajax的使用
查看>>
LeetCode算法题-Maximum Depth of Binary Tree
查看>>
Cox 教学视频5
查看>>
Jenkins持续集成学习-搭建jenkins问题汇总
查看>>
使用ffmpeg实现对h264视频解码 -- (实现了一个易于使用的c++封装库)
查看>>
flink watermark介绍
查看>>
[Flink原理介绍第四篇】:Flink的Checkpoint和Savepoint介绍
查看>>
Android Xutils 框架
查看>>
C#基础知识整理 基础知识(21) 委托(二)
查看>>
Sysbench 0.5版安装配置
查看>>
书摘—你不可不知的心理策略
查看>>