brightness()
åºçº¿
广æ³å¯ç¨
èª 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%) /* 两å亮度 */