Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >html怎么让图片变亮
html怎么让图片变亮
- 青灯夜游asal
- 2021-06-08 15:31:564718semak imbas
在html中，可以通过filter属性来让图片变亮，只需要给图片元素添加“filter:brightness(%值)”样式即可。filter属性设置brightness()函数可调整图像的亮度，当该函数的值超过“100%”时，会让图片更亮。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
在html中，可以通过filter属性来让图片变亮。下面我们通过示例来了解一下实现方法：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.img1 {
-webkit-filter: brightness(50%);
/* Chrome, Safari, Opera */
filter: brightness(50%);
}
.img2 {
-webkit-filter: brightness(120%);
/* Chrome, Safari, Opera */
filter: brightness(120%);
}
</style>
</head>
<body>
<p>原图:</p>
<img src="img/1.jpg" alt="Pineapple" width="300">
<p>filter属性控制图片的亮度:</p>
<img class="img1" src="img/1.jpg" alt="Pineapple" width="300">
<img class="img2" src="img/1.jpg" alt="Pineapple" width="300">
</body>
</html>效果图：
说明：
filter 属性定义了元素的可视效果(例如：模糊与饱和度)。
brightness(%)函数可调整图像的亮度，会给图片应用一种线性乘法，使其看起来更亮或更暗。如果值是0%，图像会全黑。值是100%，则图像无变化。其他的值对应线性乘数效果。值超过100%也是可以的，图像会比原来更亮。如果没有设定值，默认是1。
（学习视频分享：css视频教程）
Atas ialah kandungan terperinci html怎么让图片变亮. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：html表单有哪些标记Artikel seterusnya：html input怎么设置虚线边框样式