如何让背景逐渐改变颜色？

Question

我正在尝试制作一个网页,其中图像的背景颜色逐渐改变颜色.我知道如何在Javascript中更改某些内容的背景颜色,但我不知道如何"动画"它可以这么说(不使用Flash).

Answer 1

您可以使用CSS过渡来获得该效果.只需将css代码添加到从js更改的元素中:

-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;

每次更改任何样式值时,在css上使用该值时,该更改将从当前值设置为新值1s.

它仅适用于现代浏览器.查看示例:单击