CSS3图片过滤器

CSS3图片过滤器

  <style>
        .a{
            /* blur(px)	给图像设置高斯模糊。"radius"一值设定高斯函数的标准差,或者是屏幕上以多少像素融在一起, 所以值越大越模糊; */
            filter: blur(8px)
        }

        .b{
            /*brightness(%)亮度 使其看起来更亮或更暗。如果值是0%,图像会全黑。值是100%,则图像无变化。可以大于100%更亮 */
            filter:brightness(45%)
        }
        .c{
            /* contrast(800%) 对比度值是0%的话,图像会全黑。值是100%,图像不变。值可以超过100% */
            filter: contrast(800%)
        }
        .d{
            /* 颜色饱和度 */
            filter: saturate(700%)
        }
        .e{
            /* 透明度 */
            filter: opacity(50%)
        }
        .f{
            /* 将图像转换为深褐色。值定义转换的比例。值为100%则完全是深褐色的,值为0%图像无变化   grayscale(%)灰度图像。*/
            filter: sepia(50%)
        }
        .g{
            /* 给图像应用色相旋转。"angle"一值设定图像会被调整的色环角度值。值为0deg,则图像无变化。若值未设置,默认值是0deg。该值虽然没有最大值,超过360deg的值相当于又绕一圈。 */
            filter: hu
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值