HTML로 사진을 더 밝게 만드는 방법
- 青灯夜游원래의
- 2021-06-08 15:31:564714검색
HTML에서는 필터 속성을 사용하여 그림을 더 밝게 만들 수 있습니다. 그림 요소에 "filter:brightness(% 값)" 스타일만 추가하면 됩니다. filter 속성은 밝기() 함수를 설정하여 이미지의 밝기를 조정합니다. 이 함수의 값이 "100%"를 초과하면 이미지가 더 밝아집니다.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
html에서는 필터 속성을 사용하여 이미지를 밝게 할 수 있습니다. 구현 방법을 이해하기 위해 예를 사용하겠습니다.
<!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>Rendering:
Description:
필터 속성은 요소의 시각적 효과(예: 흐림 및 채도)를 정의합니다.
밝기(%) 함수는 이미지의 밝기를 조정하여 이미지에 선형 곱셈을 적용하여 더 밝거나 어둡게 보이도록 합니다. 값이 0%이면 이미지가 완전히 검은색이 됩니다. 값이 100%이면 이미지에 변화가 없습니다. 다른 값은 선형 승수 효과에 해당합니다. 100% 이상의 값이면 괜찮고 이미지가 이전보다 밝아집니다. 값이 설정되지 않은 경우 기본값은 1입니다.
(학습 영상 공유: css 영상 튜토리얼)
위 내용은 HTML로 사진을 더 밝게 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：HTML 양식의 태그는 무엇입니까다음 기사：HTML 양식의 태그는 무엇입니까