css - 如何通过css实现颜色由暗到亮？

Question

我想实现从深到浅或从浅到深的颜色组合如何实现，请检查 - http://screencast.com/t/zBgFPTOtp7 请帮助

Answer 1

It's using CSS3 gradients. This can generate one for you http://www.colorzilla.com/gradient-editor/ Alternatively if you want to learn how to write them yourself I learnt how to do so here... http://www.w3schools.com/css3/css3_gradients.asp

Typical use it to say colour A to B. for a DIV with the class mydiv this would look like this (in your style.css file)

.mydiv{
background: linear-gradient(white, blue);
}

Answer 2

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='blue', endColorstr='white'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(blue), to(white)); /* for webkit browsers */
background: -moz-linear-gradient(top,  blue,  white); /* for firefox 3.6+ */

这提供了一个跨浏览器兼容的 CSS。注意上面的颜色是蓝色，下面是白色，你可以根据你的需要改变它。享受！