meta data for this page
這是本文件的舊版!
產生半透明色彩
假設我們想要看到 A 色,又希望它是半透明的,但以 HTML 而言,下了某個 alpha 值,顏色勢必變淡走樣。所以,反而需要找到一個「B 色」,既能夠具備所要的透明度,而且色澤看來又跟 A 色一模一樣。
雖然網路上有人貼出相關函數(說是數學內插法,我不懂),但我用 Excel 計算並沒有成功 所幸,有人分享,在「Stylus」這個 CSS framework 中,有個
transparentify()
函數就可達到這個效果。可在下面的「Try Stylus」頁面中,輸入不同的數值來借它計算!
https://stylus-lang.com/try.html#?code=body%20%7B%0A%20%20font%3A%2014px%2F1.5%20Helvetica%2C%20arial%2C%20sans-serif%3B%0A%20%20background-color%3A%20transparentify(%23d2dfd0%2C%23ffffff%2C0.85)%0A%20%20%23logo%20%7B%0A%20%20%20%20border-radius%3A%205px%3B%0A%20%20%7D%0A%7D
討論區