color颜色的写法
1.十六进制的写法 #ff0000 (使用的频率高) 颜色参考【拾色器】
例: background-color: #222222;
2.RGB/RGBA的写法: rgb/rgba(0,0,0,透明度)
R:红色值
G:绿色值
B:蓝色值
A:透明度
例:rgb(255,255,255)或rgba(255,255,255,0.5)
3.HSL
H:Hue(色调)
S:Saturation(饱和度)
L:Lightness(亮度)
例:background-color: hsl(360, 50%, 50%);
4.HSLA
(和上面的HSL一样的意思,但是加上了他的透明度)
css3动画里的过渡效果
1. transition:过渡是元素从一种样式逐渐改变为另一种的效果(最常见)
2.transition-property:规定应用过渡的 CSS 属性的名称。
例:(transition-property:width,height;)
3.transition-duration:定义过渡效果花费的时间。默认是 0
例:(transition-duration:2s;)
4.transition-timing-function:规定过渡效果的时间曲线。默认是 "ease"
例:(
linear 规定以相同速度开始至结束的过渡效果
ease 规定慢速开始,然后变快,然后慢速结束的过渡效果
ease-in 规定以慢速开始的过渡效果
ease-out 规定以慢速结束的过渡效果
ease-in-out 规定以慢速开始和结束的过渡效果
)
5.transition-delay:规定过渡效果何时开始。默认是 0。