CSS3选择器

css共五类选择符,分别是元素选择符、关系选择符、属性选择符、伪类选择符、伪对象选择符(他么自己以前差不多只用第一类…羞愤),过了css1/2中的,总结下CCS3新增的选择符。

css3Color

css中有三种表示颜色的方式,第一种是关键字,第二种是RGB(),第三种是HSL()。后两种具体的原理还有待深挖。。。先说说咋用吧。。。

第一种:关键字

CSS3transition

What the FUCK is transition

transition是transition-property, transition-duration, transition-timing-function, and transition-delay四个CSS属性的缩写,用来定义一个元素在两个状态(样式)之间的过渡效果。什么是状态呢?比如伪类定义的:hover,:active,:focus等状态下的样式,还有js的设置动态效果。什么是过渡效果呢?就是最常见的比如按钮按下去背景慢慢的变化效果。各属性分别介绍乳下:

CSS3timing-function

What the FUCK is animation-timing-function

animation-timing-function是css animation的一个属性,用来描述动画在一个keyframe周期内动画开始阶段动画结束阶段速度变化的快慢程度(速度的变化率),值由一个或几个timing-function组成。

CSS3动画

What the FUCK is CSS3动画

CSS animations可以让一个css样式以动画形式过渡到另一个样式。Animations 由两部分组成,一组描述元素的animation属性和一组keyframes。后者定义动画样式的起始状态,期间可能走过的轨迹和结束状态;前者配置动画的时机,持续时间等动画的细节。分别介绍如下