没有合适的资源?快使用搜索试试~ 我知道了~
HTML5+CSS3 transform变形处理.docx
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 124 浏览量
2022-11-28
23:44:35
上传
评论
收藏 136KB DOCX 举报
温馨提示
试读
3页
...
资源推荐
资源详情
资源评论
HTML5+CSS3 transform 变形处理
在 CSS 3 中,可以使用 transform 功能实现旋转、缩放、倾斜和移动四种文字或
图像的变形处理。
1.缩放
图像或文字的缩放处理可以使用 scale 方法来实现,参数中指定缩放倍率。例
如,scale(0.6)表示缩放 60%。
2.旋转
图像或文字的旋转处理可以使用 ratate 方法来实现,参数中指定角度值。例如,
ratate(60deg)表示顺时针旋转 60 度,deg 表示角度单位。
3.移动
图像或文字的移动处理可以使用 translate 方法来实现,参数中分别指定水平方
向上的移动距离与垂直方向上的移动距离。例如,translate(40px,40px)表示水平
方向上移动 40 像素,垂直方向上移动 40 像素。
4.倾斜
图像或文字的倾斜处理可以使用 skew 方法来实现,参数中分别指定水平方向
上的倾斜角度与垂直方向上的倾斜角度。例如,skew(40deg,40deg)表示水平方
向上倾斜 40 度,垂直方向上倾斜 40 度。
示例:17-10 skew.html
<head>
<meta charset="utf-8">
<title>skew 方法应用</title>
<style type="text/css">
div {
margin:80px auto;
font-size:24px;
color:#000000;
-moz-transform:skew(20deg,20deg);
-o-transform:skew(20deg,20deg);
-webkit-transform:skew(20deg,20deg);
资源评论
若♡
- 粉丝: 6197
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功