2019年11月26日
CSS3 2D转换
摘要： 2D转换方法分为以下5种： 1.位移 translate() 2.旋转 rotate() 3.缩放 rotate() 4.倾斜 skew() 5.矩阵 matrix() 1.translate(50px, 100px)，根据给定的参数，从当前位置进行移动（x轴移动距离，y轴移动距离） div{ tr 阅读全文
posted @ 2019-11-26 17:26 不叫一日闲过 阅读(233) 评论(0) 推荐(0) 编辑
CSS3 动画
摘要： 动画：动画同过渡有些相似，格式如下 div{ animation:myfirst 5s; /*动画名 持续时间*/ -webkit-animation:myfirst 5s; /*Safari 与 Chrome*/ } @keyframes myfirst /*动画效果*/ { from {back 阅读全文
posted @ 2019-11-26 15:08 不叫一日闲过 阅读(198) 评论(0) 推荐(0) 编辑
CSS3 过渡
摘要： 过渡：执行一定操作后某属性从指定状态过渡到另一状态。1.指定要添加效果的CSS属性。 2.指定效果的持续时间。 div{ transition: width 2s; -webkit-transition: width 2s; /* Safari */ } div:hover{ width:300px 阅读全文
posted @ 2019-11-26 14:56 不叫一日闲过 阅读(195) 评论(0) 推荐(1) 编辑
CSS3 渐变
摘要： div{ width: 200px; height: 200px; background-image:repeating-linear-gradient(to right, red 10%, green 20%); } 渐变分为线性渐变和径向渐变两种；其中：线性渐变指的是从上/下/左/右/对角方向开 阅读全文
posted @ 2019-11-26 14:40 不叫一日闲过 阅读(229) 评论(0) 推荐(0) 编辑