I dagens CSS skal vi se på blanding av farger med color-mix()
I motsetting til color()
som kan brukes til å manipulere en farge, så handler color-mix()
mer om å ta to farger og mikse dem til en ny farge basert på en oppskrift. Syntaksen er følgende
color-mix(<color-interpolation-method>, <color>[<percentage>], <color>[<percentage>])
Man definerer altså først hvilken fargespekter man skal bruke, for så å definere farge 1 og farge 2, og eventuelt et prosent etter hver farge som man vil bruke mindre enn 50% av hver farge under miksingen.
I dette eksempelet var blander jeg sammen rødt og blått til å lage en ny farge som er 75% rød og 25% blå.
Denne funksjonen er allerede godt støttet av alle nettlesere!
Relevante lenker anbefalt av forfatteren
Uffda. En feil har oppstått, og vi klarer ikke å hente lenken!