brightness()
Baseline
Widely available
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since 2016ë 9ì.
brightness() CSS í¨ìë 주ì´ì§ ì´ë¯¸ì§ì ì í ê³ì를 ì ì©í´ ë ë°ê±°ë ì´ë¡ê² ë§ëëë¤. ë°í ê°ì <filter-function>ì
ëë¤.
ìëí´ ë³´ê¸°
filter: brightness(1);
filter: brightness(1.75);
filter: brightness(50%);
filter: brightness(0);
<section id="default-example">
<img
class="transition-all"
id="example-element"
src="/shared-assets/images/examples/firefox-logo.svg"
width="200" />
</section>
구문
brightness(amount)
매ê°ë³ì
amount-
<number>ëë<percentage>ë¡ ì§ì í, 결과물ì ë°ê¸°.100%미ë§ì ê°ì ì´ë¯¸ì§ë¥¼ ì´ë¡ê² ë§ë¤ê³ ,100%를 ì´ê³¼íë ê°ì ë°ê² í©ëë¤.0%ë ì´ë¯¸ì§ë¥¼ ìì í ê²ììì¼ë¡ ë°ê¾¸ê³100%ë 주ì´ì§ ì ë ¥ ì´ë¯¸ì§ë¥¼ ê·¸ëë¡ ë°íí©ëë¤. ë³´ê° ì, ëë½ ê°ì1ì ëë¤.
ìì
css
brightness(0%) /* ìì í ê²ì */
brightness(0.4) /* 40% ë°ê¸° */
brightness(1) /* ë³í ìì */
brightness(200%) /* ë ë°° ë°ê¸° */