CSS3的简单应用

开发工具与关键技术:DW CSS3的简单应用
作者:李波
撰写时间:2019.1.19号
Css3的动画就是通过transform属性向元素应用2D或3D转换。运用:旋转,扭曲,缩放,位移来实现一些简单的动画效果。旋转函数rotate(n):通过指定的角度参数使元素相对原点进行旋转,n为参数,用于设置旋转的角度,如果为正,元素相对原点中心顺时针旋转;如果为负,逆时针旋转。语法如下:
transform:rotate(n) n值得大小代表倾斜的大小;
 skew(x,y)元素同时在水平方向和垂直方向扭曲;
 scale(x,y) 使元素水平方向和垂直方向同时缩放;
 translate(x,y)水平方向和垂直方向同时移动;
HTML部分

我不想旋转(^_^)

在这里插入图片描述
倾斜效果如图在这里插入图片描述
拉伸效果如图在这里插入图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值