相关疑难解决方法(0)

带渐变的CSS3动画

是否真的没有办法用CSS动画渐变背景?

就像是:

@-webkit-keyframes pulse {
  0% {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(196,222,242)), color-stop(0.5, rgb(242,242,242)), color-stop(1, rgb(240,240,240)));
  }
  50% {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(222,252,255)), color-stop(0.5, rgb(242,242,242)), color-stop(1, rgb(240,240,240)));
  }
  100% {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(196,222,242)), color-stop(0.5, rgb(242,242,242)), color-stop(1, rgb(240,240,240)));
  }
}
Run Code Online (Sandbox Code Playgroud)

我知道,对于Safari 5.1+和Chrome 10+,有一个新的渐变语法,但是现在,我必须坚持使用旧的渐变语法.

animation webkit gradient css3

23
推荐指数
3
解决办法
2万
查看次数

jQuery动画div背景颜色渐变?

我正在尝试用jQuery构建一个背景动画,它从一个渐变变为另一个渐变.我知道你可以使用.animate()函数来改变纯色背景颜色,但这也可以用于渐变吗?

这是一些旧的Digg风格评论的好例子.我正在寻找这样的动画,从绿色到黄色

在此输入图像描述

jquery gradient background jquery-animate

4
推荐指数
2
解决办法
2万
查看次数

标签 统计

gradient ×2

animation ×1

background ×1

css3 ×1

jquery ×1

jquery-animate ×1

webkit ×1