css3 background-image 渐变背景色

background-image: -ms-linear-gradient(left, #e75b64, #e6517e);
background-image: -moz-linear-gradient(left, #e75b64, #e6517e);
background-image: -webkit-gradient(linear, left, right, from(#e75b64), to(#e6517e));
background-image: -webkit-linear-gradient(left, #e75b64, #e6517e);
background-image: -o-linear-gradient(left, #e75b64, #e6517e);
background-image: linear-gradient(45deg, #e75b64, #e6517e);

实现如下图所示的,从左到右渐变效果,谷歌、360、火狐浏览器亲测有效

image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,540评论 25 709
  • 1、属性选择器:id选择器 # 通过id 来选择类名选择器 . 通过类名来选择属性选择器 ...
    Yuann阅读 1,680评论 0 7
  • 以前,我们要实现这种渐变,可能要用 Photoshop 或 Fireworks 创建一个渐变图形,然后使用 bac...
    德育处主任阅读 129,969评论 9 52
  • 人的修養,在于頓悟,也在于精修,今天過去明天還未知,人生快不快樂看心情,幸不幸福看心態,人生最大的魅力是有一顆陽光...
    峻熙阅读 182评论 0 0
  • 一见倾心 是悲欢的分割线 奈何苦恋 成乏术可解的死劫 恰两情相悦 订彼此的无期之约
    形而下阅读 403评论 11 14