变形效果
2017-05-13 21:13
78 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>变形效果</title>
<style>
/* /!*transform为变形函数*!/
img{
/!*偏移x,y*!/
transform: translate(500px ,100px);
/!*缩放x，y*!/
transform: scale(1.5);
/!*倾斜角度*!/
transform: skew(20deg);
/!*旋转*!/
transform: rotatey(50deg);
}*/
/*过渡效果 过渡时间 指定过渡函数 过渡方式 时间延迟*/
img{
transition: all 1.2s ease 0s;
}
img：hover{
}
div{
width: 158px;
height: 183px;
border: 1px solid red;
}
</style>
</head>
<body>
<div>
<img src="../img/f3_Android1.png" >
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 制作变形、移位、扭曲等效果：《CSS3 transform》
- CSS3---变形与动画效果
- 在C#用GDI+实现图形图像的任意变形效果？
- 关于实现页面以一张图片为背景，且背景不变形的效果
- CSS3变形效果transform
- div选中效果及鼠标指针变形
- Css3制作变形与动画效果
- Unity3d-UGUI特效之Image的Skew变形、倾斜效果
- canvas进阶——实现静态图像的变形并合成动态效果
- css3中变形函数（同样是对元素来说的）和元素通过改变自身属性达到动画效果
- transform属性——css3变形效果2D
- HTML5实现图形挤压变形效果DEMO演示
- transform属性——css3变形效果3D
- 动画入门1-变形效果
- CSS制作图形变形弹出效果的示例分享
- [18]CSS3 变形效果(下)
- CSS选择器，属性前缀，长度单位，变形效果，过渡效果，动画效果
- CSS3 变形效果（上）（20160829-0029）
- html5第八课时，变形效果
- CSS3系列三（与背景边框相关样式 、变形处理、动画效果）