CSS3
文章平均质量分 83
ryanism37
这个作者很懒,什么都没留下…
展开
-
CSS3动画
CSS3动画概述CSS3动画animation和CSS3过渡transition十分类似,都是通过改变元素的属性来实现一段动画。二者的区别在于:过渡是元素从初始样式到结束样式的平滑转换,其前后元素的变化只有2个状态,transition属性调用的是变化的属性名称。动画则是通过插入多个(>=2个)类似于Flash里的关键帧来声明一个动画,每个关键帧内书写着元素不同时刻的样式,animation属性原创 2015-10-17 16:00:25 · 494 阅读 · 0 评论 -
CSS3过渡
transition概述CSS3的transition功能是使得css样式在发生改变的时候有一个平滑过渡的过程,从效果上看就是一段动画。transition属性包含4个子属性:transition-property:待过渡的属性名称transition-duration:过渡的周期时长(单位s/ms)transition-timing-function:过渡函数(过程的速度变化)transi原创 2015-10-15 16:22:23 · 630 阅读 · 0 评论 -
CSS3之2D变形
CSS3之2D变形一直以来,WEB开发工程师只能依赖于图片、Flash和JavaScript实现一些页面外观的修改、变换。现如今当我们站在CSS3这个巨人的肩膀上,想要实现诸如元素的移动、缩放、倾斜和旋转等效果,一切都是轻而易举的。1、2D位移实现元素的位移必须通过调用translate()函数,它可以接受1~2个参数;参数仅1个时,其默认为tx(横坐标的位移向量) tx为正数则向右移,tx为负原创 2015-11-01 18:02:32 · 682 阅读 · 0 评论 -
CSS3选择器
本文讨论以下10种选择器1.基本选择器 选择器 描述 *(通配) 文档的所有元素 E(元素) 指定类型的所有元素 #id(ID) 指定ID的唯一元素 .class(类) 指定类名的所有元素 selector1,selector2 指定多个选择器匹配的元素 注意事项: 多类选择器的写法:.class1.class2{…} 元素必须同时匹配原创 2015-10-09 12:58:37 · 497 阅读 · 0 评论 -
CSS水平/垂直居中方法一览
CSS水平/垂直居中方法一览水平居中宽度固定: 1、margin:0 auto; 2、position:absolute;left:50%;margin-left:-width/2;宽度不定: 1、父元素设置text-align:center;子元素设置display:inline-block; 2、父元素设置float:left;position:relative原创 2016-02-25 22:39:56 · 321 阅读 · 0 评论 -
浮动二三事
浮动二三事浮动 1、没有设定宽度的块级元素设置float左/右浮动之后,其宽度会随其内容而撑开,如果没有内容,那么整个块等同于消失。(浮动让元素inline-block化) 2、补充:无论当下什么类型的元素,在设置了浮动或绝对定位后,其显示方式都会按照inline-block来处理;浮动影响 1、浮动会脱离文档流,但仍然影响着布局! 2、元素设置浮动造成的影响:原创 2016-02-28 16:27:24 · 340 阅读 · 0 评论