HTML中的旋转 扭曲 平移 缩放
来源:互联网 发布:真三国无双7mac版 编辑:程序博客网 时间:2024/06/06 01:25
<title>无标题文档</title>
<style>
#div{
width:100px;
height:300px;
background:#00F;
transform:translate(100px,100px);
}
.div2{
width:150px;
height:50px;
background:#FF0;
transform:rotate(30deg);}
.div3{
width:120px;
height:150px;
background:#0FF;
transform:scale(2,1);
margin-left:200px;}
.div4{
width:200px;
height:100px;
background:#F00;
transform:skew(20deg,30deg);
margin-left:300px;}
</style>
</head>
<body>
<div id="div">平移</div>
<div class="div2">旋转</div>
<div class="div3">缩放</div>
<div class="div4">扭曲</div>
</body>
<style>
#div{
width:100px;
height:300px;
background:#00F;
transform:translate(100px,100px);
}
.div2{
width:150px;
height:50px;
background:#FF0;
transform:rotate(30deg);}
.div3{
width:120px;
height:150px;
background:#0FF;
transform:scale(2,1);
margin-left:200px;}
.div4{
width:200px;
height:100px;
background:#F00;
transform:skew(20deg,30deg);
margin-left:300px;}
</style>
</head>
<body>
<div id="div">平移</div>
<div class="div2">旋转</div>
<div class="div3">缩放</div>
<div class="div4">扭曲</div>
</body>
阅读全文
0 0
- HTML中的旋转 扭曲 平移 缩放
- OpenGL中的平移旋转缩放
- 三维空间中的几何变换-平移旋转缩放
- Qt绘图,显示图片图像,平移,缩放,旋转和扭曲图片的方法
- 【转】 Qt绘图,显示图片图像,平移,缩放,旋转和扭曲图片的方法 声明:本
- 自学QT之图片操作(缩放、平移、扭曲和旋转等)
- Direct 平移,旋转,缩放
- Transform【缩放、平移、旋转】
- Quartz2D-平移,旋转,缩放
- OpenGLES---平移/旋转/缩放
- Graphics平移缩放旋转
- 手势 平移 缩放 旋转
- canvas 平移 缩放 旋转
- IOS 改变图形上下文中的形状:平移、缩放、旋转
- IOS 改变图形上下文中的形状:平移、缩放、旋转
- 12 WebGL移动、旋转和缩放中的平移
- 第四节 WebGL中的图形变换:旋转、平移和缩放
- [C#] Graphics平移缩放旋转
- 文本输入框、密码输入框
- 1014 C基础-等差数列 C
- selenium1和2区别
- Linux 基础操作(十四)————rpm、yum
- Tomcat中web.xml内容介绍,后续会持续补充。
- HTML中的旋转 扭曲 平移 缩放
- Oracle wait event --- db file sequential read
- HBase -ROOT-和.META.表结构(region定位原理)
- 菜鸟娃娃鱼two
- 使用ajax将复选框的值提交到后台
- SylixOS上EtherCAT实现
- Python爬虫工具 Selenium webdriver -自动化测试工具
- 1015 C基础-同因查找 C
- root用户被删除怎么进phpmyadmin