javascript - 如何让背景逐渐变色?

标签 javascript background-color

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

最佳答案

您可以使用 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 上,每次更改任何样式值时,都会以 1 秒的速度从当前值动画更改为新值。

它只适用于现代浏览器。看一个例子:click

关于javascript - 如何让背景逐渐变色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9369365/

相关文章:

javascript - 无法获取AngularJS中下拉菜单的值

javascript - 将单选按钮的值发送到 Canvas 元素

php - JSON:使用 Javascript 编码、解析、渲染表 > jsfiddle 示例不起作用

css - 如何为 adf 页面中的背景颜色更改应用数据绑定(bind)动态换肤?

jquery - 检查代码更改背景图像与 jquery 的过度链接

javascript - JS - 带图像的单选按钮

javascript - 从 json 数组转换为 json 对象无法正常工作

html - 用背景颜色填充整个旋转的 <th>

JavaFX 着色 TableCell

CSS:多行链接背景的两侧填充?