文档章节

css

jmercer
 jmercer
发布于 2016/03/20 22:51
字数 122
阅读 3
收藏 0

css垂直渐变

  #example3        {

        /* fallback */

        background-color:#063053;

        /* chrome 2+, safari 4+; multiple color stops */

        background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0.20, red), color-stop(0.40, green), color-stop(0.6, blue), color-stop(0.8, purple), color-stop(1, orange));

        /* chrome 10+, safari 5.1+ */

        background-image:-webkit-linear-gradient(red, green, blue, purple, orange);

        /* firefox; multiple color stops */

        background-image:-moz-linear-gradient(top, red, green, blue, purple, orange);

        /* ie10 */

        background-image: -ms-linear-gradient(red, green, blue, purple, orange);

        /* opera 11.1 */

        background-image: -o-linear-gradient(red, green, blue, purple, orange);

        /* The "standard" */

        background-image: linear-gradient(red, green, blue, purple, orange);


水平渐变

filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FD1207',endColorStr='#5DF907',gradientType='1');

    background: -moz-linear-gradient(left, #FD1207, #5DF907);

    background: -o-linear-gradient(left,#FD1207, #5DF907);

    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#FD1207), to(#5DF907));


© 著作权归作者所有

上一篇: 织梦常用的标签
下一篇: 织梦常用的标签
jmercer
粉丝 1
博文 2
码字总数 814
作品 0
济南
私信 提问
如果你在找 CSS 学习资源,那就收藏这篇文章

本文由伯乐在线 -伯小乐 翻译。未经许可,禁止转载! 英文出处:Grace Smith。欢迎加入翻译组。 如果你在寻找一些 CSS 基础和高级的指南或资源,那这篇文章应该有你要的 CSS 初级和高级指南:...

伯乐在线
2014/11/07
0
0
《HTML与CSS知识》系列分享专栏

收藏HTML和CSS方面的技术文章,作为一个WEB开发者,必须要知道HTML和CSS方面的知识,即使作为后台开发者也应该知道一些常用的HTML和CSS知识,甚至架构师也要了解,这样才会开发出实用的网站来...

开元中国2015
2018/10/28
23
0
108 个各种免费的 CSS 菜单设计

这里推荐 108 个各种 CSS 的菜单设计,包括复杂菜单、下拉菜单、水平菜单和垂直菜单,应有尽有。 Drop Down Menus 1. Slide Down Box Menu with jQuery and CSS3 – Source Slide Down Box ...

红薯
2011/05/27
15.5K
11
30 个网站设计画廊

本文介绍的这三十个网站都是一些收集了各种网站设计集锦的网站。 Best Web Gallery Best Web Gallery Showcases Designs By Over 300 Professionals Creamy CSS Creamy CSS Features Highest...

小编辑
2011/12/10
2.4K
1
51个css时间轴

51个纯css时间轴 51个纯html和css时间轴(包括横向时间轴和纵向时间轴),只有少部分时间轴有用到javascript。 示例和下载代码都在zip文件中。 纵向时间轴 时间轴截图 时间轴 时间轴: HTML ...

左辅
2017/12/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

mysql概览

学习知识,首先要有一个总体的认识。以下为mysql概览 1-架构图 2-Detail csdn |简书 | 头条 | SegmentFault 思否 | 掘金 | 开源中国 |

程序员深夜写bug
今天
9
0
golang微服务框架go-micro 入门笔记2.2 micro工具之微应用利器micro web

micro web micro 功能非常强大,本文将详细阐述micro web 命令行的功能 阅读本文前你可能需要进行如下知识储备 golang分布式微服务框架go-micro 入门笔记1:搭建go-micro环境, golang微服务框架...

非正式解决方案
今天
6
0
前端——使用base64编码在页面嵌入图片

因为页面中插入一个图片都要写明图片的路径——相对路径或者绝对路径。而除了具体的网站图片的图片地址,如果是在自己电脑文件夹里的图片,当我们的HTML文件在别人电脑上打开的时候图片则由于...

被毒打的程序猿
今天
8
0
Flutter 系列之Dart语言概述

Dart语言与其他语言究竟有什么不同呢?在已有的编程语言经验的基础上,我们该如何快速上手呢?本篇文章从编程语言中最重要的组成部分,也就是基础语法与类型变量出发,一起来学习Dart吧 一、...

過愙
今天
5
0
rime设置为默认简体

转载 https://github.com/ModerRAS/ModerRAS.github.io/blob/master/_posts/2018-11-07-rime%E8%AE%BE%E7%BD%AE%E4%B8%BA%E9%BB%98%E8%AE%A4%E7%AE%80%E4%BD%93.md 写在开始 我的Arch Linux上......

zhenruyan
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部