zoukankan      html  css  js  c++  java
  • HTML-CSS线性渐变

     1 实现背景的渐变可以通过为背景添加颜色渐变的图片,也可以使用浏览器的功能来为背景添加渐变的颜色
     2 
     3 在IE6或IE7浏览器下可以使用一下示例的CSS语句,设置filter属性来实现颜色
     4 
     5 filter:progid:DXImageTransform.Microsoft.gradient(enabled=true,gradientType=0,startColorStr=#f0f0f0,endColorStr=#020202);
     6 
     7 enabled:滤镜开关选项,其值可以是true或者false,分别用来打开和关闭滤镜;
     8 
     9 gradientType:渐变类型,其值为1时表示水平渐变,其值为0时表示垂直渐变;
    10 
    11 startColorStr:上端或左侧的起始颜色;
    12 
    13 endColorStr:下端或右侧的结束颜色
    14 
    15 background-image:-moz-linear-gradient(起始点||角度,{颜色,位置},{颜色,位置}...........);《火狐浏览器》
    16 
    17 background-image:-webkit-linear-gradient(起始点||角度,{颜色,位置},{颜色,位置}...........);《谷歌浏览器》
    18 
    19 background-image:-moz-linear-gradient(起始点||角度,{颜色,位置},{颜色,位置}...........);
  • 相关阅读:
    软工作业02
    进行代码复审训练
    源代码管理工具调查
    软工作业PSP与单元测试训练【任务一】
    15软工 15100340
    进行代码复审训练
    源代码管理工具调查
    软工作业PSP与单元测试训练
    软工课后作业001
    20180320作业2:进行代码复审训练
  • 原文地址:https://www.cnblogs.com/longly/p/6431744.html
Copyright © 2011-2022 走看看