zoukankan      html  css  js  c++  java
  • css 横向渐变 图片阴影效果 字体模糊效果

    (必须加在Table的TD里,如果TD有背景就会遮盖阴影,可以把背景放到外套的表格里去)

    背景颜色渐变
    横向渐变
    style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#98B2E6', gradientType='1')"
    纵向渐变
    style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ff0000', endColorStr='#ffffff', gradientType='0')"

    图片阴影效果
    style="filter:progid:DXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=2,offY=2,positive=true);"

    文字边框特效
    style="filter:progid:DXImageTransform.Microsoft.Glow(color=#ffffff,strength=1);"

    背景图随表格拉伸而不重复的拉伸填充
    style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg.jpg', sizingMethod='scale')"

    字体模糊效果
    style="FILTER: blur(add=1, direction=100,strength=1); "

    文字阴影效果
    style="filter:dropshadow(color=#ffffcc,offx=1,offy=1)"

    PNG图片背景透明
    style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/Icon01.png'); 50px; height:33px; "

    TD强制不换行,同时多余部分隐去
    style="white-space:nowrap;overflow: hidden;"

    TD强制换行
    style="word-break:break-all;"

    图片透明效果
    filter:alpha(opacity=30);

    filter:alpha(opacity=30,finishOpacity=0,style=0,startx=10,starty=5,finishx=70,finishy=20);
    "opacity"代表透明度水准。默认的范围是从0 到 100,他们其实是百分比的形式。 
    也就是说,0代表完全透明,100代表完全不透明。”finishopacity"是一个可选参数, 
    如果想要设置渐变的透明效果,就可以使用他们来指定结束时的透明度。范围也是0 到 100。 
    "style" 参数指定了透明区域的形状特征。其中0代表统一形状、1代表线形、2代表放射状、 
    3代表长方形。”STARTX“和”STARTY“代表渐变透明效果的开始X和Y坐标。”FINISHX“和” 
    FINISHY“代表渐变透明效果结束X和Y 的坐标。

  • 相关阅读:
    LAB8 android
    python3速查参考- python基础 1 -> python版本选择+第一个小程序
    selenium三种断言以及异常类型
    selenium+java:获取列表中的值
    selenium测试(Java)--元素操作(五)
    redhat网卡设置
    PYTHON TDD学习(一)-->Python 3.4版本环境安装Django及其启动
    渗透测试
    实用--功能测试方法与实际测试内容
    SQL常见面试题(学生表_课程表_总表)
  • 原文地址:https://www.cnblogs.com/weipengfei/p/5589451.html
Copyright © 2011-2022 走看看