zoukankan      html  css  js  c++  java
  • CSS常用渐变

    边框渐变:

    1 border-image: -webkit-linear-gradient( red , blue) 30 30;
    2 border-image: -moz-linear-gradient( red, blue) 30 30;
    3 border-image: linear-gradient( red , blue) 30 30;

    文字渐变:(只支持-webkit-)

    1 background-image: -webkit-gradient(linear, 0 0, 0 80%, from(nth($color7, 3)), to(nth($color7, 4)));
    2 -webkit-background-clip: text;
    3 -webkit-text-fill-color: transparent;

    背景渐变:

    1 filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);
    2 -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);  
    3 background: red; /* 一些不支持背景渐变的浏览器 */  
    4 background: -moz-linear-gradient(top, red, blue);  
    5 background: -webkit-gradient(linear, 0 0, 0 bottom, from(red), to(blue));

     

  • 相关阅读:
    bootstrap初识
    司徒正美居中方式
    css中的浮动(float)
    fio
    简易接口测试脚本
    字符加密
    Python 汉诺塔
    Python 找零问题
    Python 二分法
    Python 冒泡排序
  • 原文地址:https://www.cnblogs.com/front-end-1149980941/p/5888294.html
Copyright © 2011-2022 走看看