首页 手机软件 手机游戏 单机游戏 资讯文章 专题下载 标签合集 php下载 php教程 电脑软件

css设置背景图片灰度方法教程

时间:2021-03-04

来源:互联网

标签: php

在手机上看
手机扫描阅读

css设置背景图片灰度的方法:可以利用滤镜属性filter来进行设置,如【filter:grayscale(100%)】,表示将图像完全转换为灰度图像。很多朋友还不知道如何设置,下面PHP爱好者给大家分享详细教程,希望对大家有所帮助。

2021030414194762532.jpg

css设置背景图片灰度方法教程

本文操作环境:windows10系统、css 3、thinkpad t480电脑。

css中有一个滤镜属性filter,该属性定义了元素(通常是img)的可视效果,如模糊、饱和度、灰度等。

属性语法:

filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();

常用属性值:

none 默认值,没有效果。

blur(px) 给图像设置高斯模糊。"radius"一值设定高斯函数的标准差,或者是屏幕上以多少像素融在一起, 所以值越大越模糊;如果没有设定值,则默认是0;这个参数可设置css长度值,但不接受百分比值。

brightness(%) 给图片应用一种线性乘法,使其看起来更亮或更暗。如果值是0%,图像会全黑。值是100%,则图像无变化。其他的值对应线性乘数效果。值超过100%也是可以的,图像会比原来更亮。如果没有设定值,默认是1。

contrast(%) 调整图像的对比度。值是0%的话,图像会全黑。值是100%,图像不变。值可以超过100%,意味着会运用更低的对比。若没有设置值,默认是1。

grayscale(%)

将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像,值为0%图像无变化。值在0%到100%之间,则是效果的线性乘子。若未设置,值默认是0;

示例1:

运行结果:

相关阅读 更多
  • css设置背景图片灰度方法教程
    css设置背景图片灰度方法教程
    css设置背景图片灰度的方法:可以利用滤镜属性filter来进行设置,如【filter:grayscale(100%)】,表示将图像完全转换为灰度图像。很多朋友还不知道如何设置,下面PHP爱好者给大家分享详细教程,希望对大家有所帮助。
    时间:2021-03-04
  • python如何判断变量是否是整数
    python如何判断变量是否是整数
    python是如何判断变量是否是整数的方法呢?1、使用函数【type()】函数可以直接返回变量类型;2、使用【isinstance()】函数可以用来判断变量的类型,返回的是一个布尔值。下面PHP爱好者给大家分享python如何判断变量是否是整数 方法,希望对大家有所帮助。
    时间:2021-03-02
  • Sublime怎么释放被无辜占用的磁盘空间
    Sublime怎么释放被无辜占用的磁盘空间
    ​Sublime怎么释放被无辜占用的磁盘空间呢?很多朋友的空间都被一些杂乱的东西给占了不少空间,下面PHP爱好者给大家介绍删除Sublime的Backup目录,释放被无辜占用的磁盘空间,希望对需要的朋友有所帮助!
    时间:2021-03-02
  • python如何关闭线程
    python如何关闭线程
    python关闭线程的方法:首先导入threading,定义一个方法;然后定义线程,target指向要执行的方法,启动它;最后停止线程,代码为【stop_thread(myThread)】。本教程操作环境:windows7系统、python3.9版,DELL G3电脑。
    时间:2021-03-02
  • python中绝对值怎么表示
    python中绝对值怎么表示
    python中绝对值的表示方法:【abs()】函数用于获取数字的绝对值,参数可以是负数、正数、浮点数或者长整形,语法为【abs( x )】。接下来PHP爱好者给大家分享python中绝对值怎么表示 问题解答,快来看看吧。
    时间:2021-03-02
  • php符号的替换方法
    php符号的替换方法
    php替换符号的方法:首先创建一个PHP示例文件;然后通过“str_replace("#", "¥", $str);”方法将#符号替换成¥符号;最后输出替换结果即可。
    时间:2021-01-08
  • PHP无法连接数据库的解决方法
    PHP无法连接数据库的解决方法
    php为什么连接不上数据库,本篇文章就为你提供PHP无法连接数据库的解决办法一起来看看吧。
    时间:2021-01-08
  • php正则获取html任意标签方法
    php正则获取html任意标签方法
    ​php如何正则获取html任意标签?本篇文章主要教大家如何使用php正则获取html任意标签方法,一起来看看吧。
    时间:2021-01-08
  • PHPMySQL连接数据库
    PHPMySQL连接数据库
    PHP连接mysql数据库是PHP新手们必须要掌握的一项技能,只要掌握了PHP对数据库进行增删改查等操作,就可以写出一些简单且常见的程序。下面这篇文章主要讲解了PHP连接Mysql数据库的常用方法。
    时间:2021-01-08
  • PHP实现求解最长公共子串问题的方法
    PHP实现求解最长公共子串问题的方法
    这篇文章主要介绍了PHP实现求解最长公共子串问题的方法,简单描述了求解最长公共子串问题算法原理,并结合实例形式分析了PHP实现求解最长公共子串的具体操作技巧,需要的朋友可以参考下
    时间:2021-01-06