transition属性里面的background不能用线性变化做吗
如果我没记错的话，渐变背景的动画效果只有 IE/Edge 支持。
■网友
可以换种思路，将div的背景色设为red到blue再到red的渐变，调整background-size和background-position ，使得初始状态只显示red到blue的部分。hover时调整background-position，使背景平滑移动到blue到red的部分。参考效果：http://www.jq22.com/code482
■网友
gradient还要能过渡太强人（browser）所难了，一个简单的做法是做两个div（或者加一个:before），分别是不同的gradient，一个盖住另一个，hover的时候调整盖的那个的opacity。
■网友
颜色可以渐变啊，不能渐变的是display等多数没有单位数值的css属性，刚刚我还在浏览器上试了试，background和font-size都可以渐变，时间和速度还可以通过贝塞尔曲线函数来控制，如果你学了js的话animate能达到同样的效果，控制台里面出发animate的时候标签的内联样式会急剧变化
■网友
之前被某漫字幕效果惊艳到，自己想用css来写写看，结果发现问题一堆
题主不妨换种思路
\u0026lt;div class="box"\u0026gt; \u0026lt;div class="f"\u0026gt;\u0026lt;/div\u0026gt; \u0026lt;/div\u0026gt;.box { width: 300px; height: 400px; overflow: hidden;}.f { height: 60px; width: 800px; transition: 1.0s ease-out; background:-webkit-gradient(linear, left 0 , right 0, from(#428bfa), to(#f12)); transform: translate(-400px);}.f:hover { transform: translate(0px);}别在意细节，颜色、宽度、偏移动量，自己调整一下 ：）
■网友
用关键帧吧
■网友
不是很能看懂你的问题到底是什么，不过我想这个链接应该会对你有用。
使用 CSS transitions
■网友
【transition属性里面的background不能用线性变化做吗】 我靠，我怎么提交回答是405
----下面是代码 --一直提交不成功，f12看是 405---
完犊子，写代码到文本里面 提交不成功；.btn-form-common: {background:-webkit-gradient(linear, left 0 , right 0, from(red), to(blue));/*这个不可以，时间不是5s*/\t transition: all 5s ;\t -moz-transition:all 5s;\t -webkit-transition:all 5s; \t -o-transition:all 5s;}.btn-form-common:hover{\t /*background:blue;*/\t background:-webkit-gradient(linear, left 0 , right 0, from(blue), to(red));\t}
推荐阅读
- 非计算机专业想要利用课余时间深入自学C++，想要找到比较体面的工作大概需要啥水平
- 这样的情况我该咋办
- 贵州对于大数据有哪些方面的地域优势为啥都是贵州呢
- 想要找图形图像方面的CTO合伙人，怎样寻找靠谱
- 提问知乎：容联云通讯是咋付费删负面的
- 网络存储，数通，安全，这三个方面的工程师主要都是干啥，在现今那个技术找工作容易些呢
- 请问这段代码是啥意思，从一个仿造网站上下载的软件里面的，对电脑有危害吗
- LOL/Dota/WoW中是怎样计算buff的过程和道具属性的加成
- 关于环艺 建筑 展示这三方面的网站或书籍杂志推荐
- ucloud售前架构师怎样在销售团队里面的职责主要是啥