transform的形变
来源:互联网 发布:送q币的软件 编辑:程序博客网 时间:2024/06/15 17:59
// display:inline-block;转换块级元素 // opacity: 1;透明度 //transition:1s;动画执行时间
<!doctype html>
<html><head>
<meta charset="utf-8">
<title>无标题文档</title>
<link href="xingbian.css" rel="stylesheet"/>
</head>
<body>
<div id="one">
旋转
</div>
<div id="two">
移动
</div>
<div id="three">
缩放
</div>
<div id="fore">
扭曲
</div>
<div class="five">
阴影
</div>
</body>
</html>
CSS代码
@charset "utf-8";
/* CSS Document */
#one{ width:200px;
height:200px;
margin-top:50px; margin-left:60px;
background:hsla(233,76%,46%,1.00);
transform:rotate(50deg)}
#two{ width:200px; float:left;
margin-top:50px;
margin-left:400px;
height:200px;
background:hsla(233,76%,46%,1.00);
border:1px solid blue;
transform:translate(100px,20px);}
#three{ width:200px; float:right;
margin-top:100px;
height:200px;
background:hsla(233,76%,46%,1.00);
transform:scale(1,1.5);}
#fore{ width:200px;
margin-top:100px;
margin-left:60px;
height:200px;
background:hsla(233,76%,46%,1.00);
transform:skew(30deg,10deg);
transform-origin:100% 50%;}
.five{ width:100px; height:100px; background:hsla(359,87%,51%,1.00); box-shadow: 10px 10px 10px hsla(174,81%,50%,1.00);
border-radius:50%; text-shadow:10px 10px 10px hsla(174,81%,50%,1.00)}
- transform的形变
- Ios Layer Transform 形变
- transform形变属性和UIImageView的帧动画
- python 图像的形变, 旋转与缩放 (transform) (1)
- iOS UI——通过图层layer设置 图片的形变属性(transform)
- CSS3形变——transform与transform-origin画时钟
- CSS3形变——transform与transform-origin画时钟
- CSS3形变——transform与transform-origin画时钟
- CSS3形变——transform与transform-origin画时钟
- CSS3形变——transform与transform-origin画时钟
- CSS3形变——transform与transform-origin画时钟
- CSS3形变——transform与transform-origin画时钟
- CSS3形变——transform与transform-origin画时钟
- CSS3形变——transform与transform-origin画时钟
- CALayer 的形变属性
- ios view的形变
- 简单的形变
- iOS修改transform形变也能够实现动画
- 不务正业系列:初识Quine之C++一种简单实现
- 栈和队列
- Spring+SpringMVC+MyBatis+easyUI整合基础篇(十二)阶段总结
- IDEA常用快捷键
- windows7下配置docker的镜像加速地址
- transform的形变
- 本地的jar包部署到公司maven仓库
- 利用ZooKeeper API模拟HDFS节点的监听模式
- groovy 数组 求最大值最小值 降序 升序
- 其他题目---分糖果问题
- 一组数据中只有一个数字出现了一次。其他所有数字都是成对出现的,求这个数字。(使用位运算)
- window10安装hadoop
- 在Rn中简单集成激光推送
- Android 自定义方形验证码输入框,仿滴滴、小篮单车