css中滤镜可以实现一些特殊效果

滤镜(格式为 filter:滤镜名(参数1,参数2…))

  1. alpha:使图片产生透明渐变效果
    参数:opacity 开始时的透明度,从0到100,值越大透明度越低
    finishopacity 结束时的透明度,从0到100,值越大透明度越低
    style 渐变的样式,0为均匀渐变,1为直线渐变,2为圆形渐变,3为矩形渐变
    startx 渐变开始时的横坐标,单位为图片宽度的百分比
    starty 渐变开始时的纵坐标,单位为图片宽度的百分比
    finishx 渐变开始时的横坐标,单位为图片宽度的百分比
    finishy 渐变开始时的纵坐标,单位为图片宽度的百分比
  2. blur:使图片产生动态模糊效果
    参数:add 是否显示原始图片,0表示不显示,1表示显示
    direction 控制动态模糊的方向,从0°开始,以45°为一个单位
    strength 设置动态模糊的强度,以整数设置,以px为单位
  3. filph和filpv:控制图片的水平翻转和垂直翻转
  4. invert:使图片产生底片效果
  5. gray:使图片产生黑白效果
  6. invert:使图片产生X光效果
  7. wave:使图片产生波浪效果
    参数:add 是否显示原始图片,0表示不显示,1表示显示
    freq 设置图片上的波浪数目,以整数来设置
    strength 设置波浪强度的大小
    lightstrength 设置波浪的光照强度,设置从0到100
    phase 设置波浪的起始位置,设置从0到100
  8. chroma:设置图片的透明色
    参数:color 控制透明的颜色
  9. dropshadow:呈现阴影效果
    参数:color 控制阴影的颜色
    offx 阴影对于图片的水平位移,整数向右,负数向左
    offy 阴影对于图片的垂直位移,整数向下,负数向上
    positive 设置阴影是否透明,0代表透明,1代表不透明

可使用滤镜的标签有:

<body><button><div><img><input><textarea><marquee><table><td>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

涵仔ovo

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值