pantoken / plugins/pantoken/colors/src / overlayColors

Fonksyon: overlayColors() ​

overlayColors(base, overlay, percent?): string

Beta

Aplati overlay (nan fòs percent%) sou yon base opak — yon ranplasan sèlman CSS pou ui-color-utils overlayColors. Ede sa a fè yon konpozisyon sous-sou ki konbine de koulè RGBA an yon rezilta opak; ka ki komen an (yon lonbraj translucent sou yon sifas solid) se egzakteman yon de-koulè color-mix(). Konpozisyon jeneral RGBA-sou-RGBA pa ka yon sèl koulè CSS, kidonk sa a kouvri sèlman ka baz opak la.

Paramèt ​

base ​

string

Koulè background opak la.

overlay ​

string

Koulè ki plase sou li.

percent? ​

number = 50

Konbyen nan overlay ki parèt, 0–100 (valè pa defo 50).

Retounen ​

string

Yon ekspresyon color-mix().

Egzanp ​

ts
overlayColors("var(--surface)", "var(--brand)", 12);
// "color-mix(in srgb, var(--brand) 12%, var(--surface))"