Kɔsa in na, n ye ja ɲɛnamaw labɛn n ka siti kan ni barokun kura ye ani tutigɛbaga kulu dɔ, ka fɛɛrɛ caman bila baara la, n ye minnu tila nin gafe in kɔnɔ. N ka animation damadɔw bɛ u cogoya Changer ni mɔgɔ dɔ bɛ jɛɲɔgɔnya kɛ n’u ye walima tile waati wɛrɛw la.
Ja min bɛ n ka bulɔgu ɲɛw sanfɛ, olu kulɛriw bɛ Changé ka bɔ sɔgɔma fo su don o don. O kɔ fɛ, nɛnɛ cogoya bɛ yen, min bɛ kulɛri nɛnɛmanw fara a kan ani nɛnɛ barokun dɔ, ka kɛɲɛ ni overlay layer ani blending mode ye.
K’a to baara la o kan, n y’a daminɛ k’a ɲininka ni CSS relative color values bɛ se ka n ka kuntigiya caman di n ma k’a sɔrɔ a bɛ taabolo nɔgɔya fana. Kɔlɔsili: Nin kalan in kɔnɔ, n bɛna n sinsin kulɛri nafaw kan minnu bɛ tali kɛ ɲɔgɔn na ani OKLCH kulɛri yɔrɔ min bɛ kɛ ka ɲɛsin ja ni ɲɛnamaya kɛcogo ma. N’i b’a fɛ ka i yɛrɛ su ji la ka don kulɛri danfaralen na, Ahmad Shadeed ye gafe dɔ da min bɛ se ka kɛ ɲɔgɔn fɛ, o min ka ɲi kosɛbɛ. Kulɛri yɔrɔw, gamuw, ani OKLCH ta fan fɛ, an yɛrɛ ka Geoff Graham ye sɛbɛnni kɛ u kan.
Baara kɛli ni fɛnw ye siɲɛ caman, o tun ye fɛnba ye. Baara kɛra ni kɔkannafɛnw ye kokura ni a tun bɛ se ka kɛ tuma o tuma, ni zoomw ni overlays ye minnu bɛ dɛmɛ don ka ɲɛjirali kuraw dilan ka bɔ o ja kelen in na. A bangera wajibi de la, nka a ye dusu don fana mɔgɔw kɔnɔ u ka miiri ka kɛɲɛ ni ɲɛjiraliw ye minnu bɛ tugu ɲɔgɔn na sanni ka kɛ ɲɛjirali kelen-kelenw ye. Gɛlɛya min bɛ Kulɛriw Lakurayali bolo la An k’an ɲɛsin n ka gɛlɛya ma. Toon Titles kɔnɔ i n’a fɔ nin — min sinsinnen bɛ san 1959 Yogi Bear Show yɔrɔ kan “Lullabye-Bye Bear” — ani ne ka baara caman na, paletiw dan ye kulɛri damadɔ sugandilenw ye.
N bɛ numancɛw ni tintinw dilan ka bɔ n b’a wele ko n ka “fondation” kulɛri walasa ka paleti bonya k’a sɔrɔ n ma kulɛri wɛrɛw fara a kan.
Sketch kɔnɔ, n bɛ baara kɛ HSL kulɛri yɔrɔ la, o la nin wale in bɛ kɛ ni dɔ farali ye walima ka dɔ bɔ n ka jusigilan kulɛri nɔgɔya nafa la. Tiɲɛ na, o tɛ baara gɛlɛn ye — nka ka jusigilan kulɛri wɛrɛ sugandi, o bɛ a ɲini ka numanw ni ɲɛgɛnw kulu kura bɛɛ da. O kɛli ni bolo ye, siɲɛ caman, o bɛ kɛ sɛgɛn ye joona.
N ye HSL — H (hue), S (saturation), ani L (lightness) — kulɛri yɔrɔ kofɔ, nka o ye kulɛri ɲɛfɔcogo caman dɔ dɔrɔn de ye. RGB — R (bilen), G (green), B (bulu) — n’a sɔrɔla o de bɛ dɔn kosɛbɛ, a dɔgɔyalenba la a Hex cogo la. LAB fana bɛ yen — L (nɔgɔya), A (bilen–bilen), B (bulu–jɛman) — ani a kura, nka sisan a bɛ dɛmɛ kosɛbɛ LCH — L (nɔgɔya), C (chroma), H (hue) — modɛli a OKLCH cogo la. Ni LCH ye — kɛrɛnkɛrɛnnenya la OKLCH CSS kɔnɔ — n bɛ se ka n ka jusigilan kulɛri nɔgɔya nafa ladilan.
Walima n bɛ se k’a ka chroma Changer. LCH chroma ni HSL saturation fila bɛɛ bɛ kulɛri dɔ fanga walima a nafa ɲɛfɔ, nka u b’o kɛ cogoya wɛrɛw la. LCH bɛ fɛn caman di n ma ani ka ɲɛsin kulɛriw ni ɲɔgɔn cɛ ɲagaminen ma min bɛ se ka fɔ ka ɲɛ.
N bɛ se fana ka kulɛri caman Changer walasa ka kulɛriw paleti dɔ dilan minnu bɛ yeelen ni chroma nafa kelenw kɛ. HSL ni LCH fila bɛɛ la, hue spectrum bɛ daminɛ ni bilen ye, ka tɛmɛn green ni blue fɛ, ka segin ka kɛ red ye.
Mun na OKLCH ye ne ka miiri cogo Changé Color ko la Browser dɛmɛni OKLCH kulɛri yɔrɔ la, o jɛnsɛnna sisan, hali n’a y’a sɔrɔ dilan baarakɛminɛnw — Sketch fana sen bɛ o la — ma se ka minɛ. A nisondiyalen don, o man kan k’i bali ka OKLCH kɛ. Navigatɛriw bɛna Hex, HSL, LAB ani RGB nafaw sɛmɛntiya ni nisɔndiya ye ka kɛ OKLCH ye i ye. Aw bɛ se ka CSS ladamu nafolo dɔ ɲɛfɔ ni jusigilan kulɛri ye yɔrɔ o yɔrɔ la, Hex fana sen bɛ o la: /* Fondation kulɛri */ --jɔyɔrɔ: #5accd6;
Kulɛri minnu bɛ bɔ a la, olu bɛna wuli ka kɛ OKLCH ye u yɛrɛma: --fonda-yeelen: oklch(ka bɔ var(--fonda) [...]; } --foundation-mid: oklch(ka bɔ var(--jɔyɔrɔ) [...]; } --jɔyɔrɔ-dibi: oklch(ka bɔ var(--jɔyɔrɔ) [...]; }
Kulɛri danfaralen I n’a fɔ Design System Miiri kulɛri danfaralen na i n’a fɔ a b’a fɔ cogo min na ko: “I ka nin kulɛri in ta, k’a sɛgɛsɛgɛ, o kɔfɛ, i ka a nɔ di n ma.” Fɛɛrɛ fila bɛ yen minnu bɛ se ka kɛ ka kulɛri dɔ ladilan: fɛn caman Changements absolues ani changements proportionnels. U ɲɛ bɛ ɲɔgɔn na kode la, nka u taamacogo tɛ kelen ye kosɛbɛ ni i y’a daminɛ ka fondement kulɛriw ɲɔgɔn falen-falen. O danfara faamuyali de bɛ se ka baara kɛ ni kulɛri danfaralen ye ka kɛ sigida ye. /* Fondation kulɛri */ --jɔyɔrɔ: #5accd6;
Misali la, n ka fondement kulɛri yeelen hakɛ ye 0,7837 ye, k’a sɔrɔ a dibi la, a nafa ye 0,5837 ye. Walasa ka danfara jatebɔ, n bɛ nafa dɔgɔman bɔ sanfɛta la ka jaabi in waleya ni calc() baarakɛcogo ye: --jɔyɔrɔ-dibi: oklch(ka bɔ var(--jɔyɔrɔ la) calc(l - 0,20) c h);
Walasa ka kulɛri nɔgɔlen sɔrɔ, n bɛ danfara fara a kan o nɔ na: --fonda-yeelen: oklch(ka bɔ var(--jɔyɔrɔ la) calc(l + 0,10) c h);
Chroma (Kɔrɔmu) yeladilanni bɛ tugu o kɛcogo kelen de kɔ. Walasa ka n ka fondement kulɛri fanga dɔgɔya ka bɔ 0,1035 na ka se 0,0035 ma, n bɛ nafa kelen bɔ tɔ kelen na: oklch(ka bɔ var(--jɔyɔrɔ la) l jate (c - 0,10) h);
Walasa ka kulɛriw palɛti dɔ da, n bɛ danfara min bɛ n ka fondement kulɛri (200) ni n ka kulɛri kura (260) kulɛri nafa cɛ, o jate: oklch(ka bɔ var(--jɔyɔrɔ la) l c jate (h + 60));
O jatebɔw ye dafalen ye. Ni n ye hakɛ latigɛlen dɔ bɔ, n b’a fɔ cogo ɲuman na ko “I ka nin hakɛ bɔ tuma bɛɛ.” O cogo kelen de bɛ kɛ ni nafa jɔnjɔnw farala ɲɔgɔn kan: calc(c - 0,10) ye. calc(c + 0,10) ye.
N ye o fɛɛrɛ in dan dege cogo gɛlɛn na. Tuma min na n y’a jigi da chroma hakɛ jɔnjɔnw bɔli kan, kulɛriw binna ka taa nɛrɛmuguma fan fɛ n ye jusigilan Changé dɔrɔn. Palɛti min tun bɛ baara kɛ kulɛri kelen na, o binna ka bɔ kulɛri wɛrɛ la. Jamana caya bɛ kɛ cogo wɛrɛ la. Ni n ye chroma caya, n b’a fɔ navigatɔrɔn ye ko : “Aw ka nin kulɛri in fanga dɔgɔya ni hakɛ dɔ ye.” Jɛɲɔgɔnya min bɛ kulɛriw ni ɲɔgɔn cɛ, o bɛ to a cogo la, hali ni a jusigilan bɛ Changé: calc(c * 0,10) ye.
N ka Move It, Scale It, Rotate It sariyaw
Lamaga nɔgɔya (a fara walima ka bɔ), . Skala chroma (ka caya), . Aw bɛ hue wuli (aw bɛ degɛrɛw fara walima ka u bɔ).
N bɛ chroma sɛgɛsɛgɛ bawo n b’a fɛ fanga caman yeli ka to ka kɛɲɛ ni basigi kulɛri ye. Hue jɛɲɔgɔnyaw ye ɲɔgɔndan ye, o la hue caya tɛ foyi ɲɛ. Kɛnɛya ye faamuyali ye ani dafalen ye — n’i y’a caya, o bɛ na ni nɔ gansanw ye tuma caman na.
K’a Tà Kulɛri Kelen na Ka Taa Se Barokun Kuuru Ye Kulɛri danfaralen b’a to n bɛ se ka jusigilan kulɛri dɔ ɲɛfɔ ani ka kulɛri tɔ bɛɛ labɔ n mago bɛ min na — faw, sɔgɔsɔgɔninjɛw, gradient stops, shadows — ka bɔ a la. O waati la, kulɛri bɛ dabila ka kɛ palɛti ye, ka daminɛ ka kɛ sistɛmu ye. SVG ja ninnu ka teli ka baara kɛ ni o kulɛri damadɔ kelenw ye kokura fasaw, sɔgɔsɔgɔninjɛ ani jiginniw cɛ. Kulɛri danfaralen b’a to i b’o jɛɲɔgɔnyaw ɲɛfɔ siɲɛ kelen ani ka baara kɛ n’u ye kokura yɔrɔ bɛɛ — i n’a fɔ animateurs ye baara kɛ ni kɔkankow ye kokura walasa ka ɲɛjirali kuraw dilan.
Aw bɛ fondement kulɛri Changer siɲɛ kelen, ani kulɛri sɔrɔlen bɛɛ bɛ kura ye a yɛrɛma, k’a sɔrɔ aw ma foyi jate kokura ni bolo ye. Ja ɲɛnamaw kɔfɛ, n tun bɛ se ka baara kɛ ni nin fɛɛrɛ kelen in ye walasa ka kulɛriw ɲɛfɔ fɛnw cogoyaw la minnu bɛ ɲɔgɔn sɔrɔ i n’a fɔ butɔni ni jɛgɛnsira. N ye fondement kulɛri min kɛ n ka “Lullabye-Bye Bear” Toon Title kɔnɔ, o ye bulu ye min bɛ i n’a fɔ siyan. Background ye radial gradient ye n ka fondement ni version dibiman cɛ.
Walasa ka fɛn wɛrɛw dilan minnu dusukunnataw tɛ kelen ye pewu, n ka kan ka fondement kulɛri Changer dɔrɔn: --jɔyɔrɔ: #5accd6; --grad-end: var(--jɔyɔrɔ); --grad-daminɛ: oklch(ka bɔ var(--foundation la) calc(l - 0,2357) calc(c * 0,833) h);
Walasa k’o ladamu nafolomafɛnw siri n ka SVG gradient na k’a sɔrɔ n ma kulɛri hakɛw ɲɔgɔn kɛ, n ye stop-color nafaw coded gɛlɛnw bila u nɔ na ni inline styles ye:
O kɔfɛ, n tun ka kan k’a lajɛ ko n ka Toon Text bɛ danfara don tuma bɛɛ ni n ye fondement kulɛri suguya o suguya sugandi. 180deg hue rotation bɛ kulɛri dafalen dɔ bɔ min bɛ pop tiɲɛ na — nka a bɛ se ka yɛrɛyɛrɛ cogo la min tɛ mɔgɔ lafiya: .sɛbɛnni-yeelen { . fa: oklch(ka bɔ var(--fondation na) l c jate (h + 180)); } .
90° jiginni bɛ kulɛri filanan ɲɛnama dɔ Bɔ k’a sɔrɔ a ma dafa kosɛbɛ: .sɛbɛnni-yeelen { . fa: oklch(ka bɔ var(--fondation na) l c jate (h - 90)); } .
N ka ɲɛnajɛ min kɛra Quick Draw McGraw ka 1959 Toon Title “El Kabong“ ye, o bɛ baara kɛ ni o fɛɛrɛ kelenw ye nka ni palɛti suguya caman ye. Misali la, ‘yɔrɔ wɛrɛ bɛ ‘yɔrɔ la min bɛ ‘yɔrɔ la min bɛ ‘yɔrɔ la min bɛ ‘yɔrɔ la min bɛ ‘yɔrɔ la min bɛ ‘yɔrɔ la min bɛ ‘yɔrɔ la min bɛ ‘yɔrɔ la min bɛ ‘yɔrɔ la min bɛ ‘yɔrɔ la min bɛ ‘yɔrɔ la min bɛ ‘yɔrɔ la min bɛ ‘yɔrɔ la min bɛ ‘yɔrɔ la min bɛ ‘yɔrɔ la min bɛ ‘yɔrɔ la.
So ni jiri min bɛ kɔfɛ, olu ye jusigilan kulɛri kelen ye, u ɲɛw tɛ kelen ye dɔrɔn. O siraw kama, n mago tun bɛ fasa kulɛri fila wɛrɛw la: .bg-cɛmancɛ { . fa: oklch(ka bɔ var(--fondation na) calc(l - 0,04) calc(c * 0,91) h); } .
.bg-dibi { . fa: oklch(ka bɔ var(--fondation na) calc(l - 0,12) calc(c * 0,64) h); } .
Ni Foundations (Jɛkuluw) bɛ Daminɛ ka Taa
Fɔlɔ, n ye fɛn o fɛn Jira, o bɛɛ Kɛra yɔrɔ kelen na. Hali ni mɔgɔ dɔ bɛ baara kɛ ni kulɛri sugandilan ye walasa ka fondement kulɛri Changer, o fɛn caman Changement bɛ kɛ o yɔrɔnin bɛɛ. Nka ja ɲɛnamaw man teli ka jɔ yɔrɔ kelen na — o taamasiyɛn bɛ tɔgɔ la. O la, ni kulɛri ye sistɛmu dɔ ye, kun t’a la a tɛ Se ka ɲɛnamaya Kɛ, o fana.
Walasa ka fondement kulɛri ɲɛnamaya, n ka kan fɔlɔ k’a tila a ka OKLCH kanw na— nɔgɔya, chroma, ani hue. Nka fɛɛrɛ wɛrɛ nafama dɔ bɛ yen: N ka kan k’o nafaw sɛbɛn i n’a fɔ ladamucogo sɛbɛnnenw. Nka, o kɔrɔ ye mun ye?
Ka da a kan, navigatɔrɔ t’a dɔn ni CSS ladamu nafolo nafa bɛ kulɛri, janya, jate, walima fɛn wɛrɛ jira pewu. O kɔrɔ ka c’a la k’u tɛ Se ka Dòn ‘kɔnɔ ka ɲɛ animation (ɲɛnamaya) waati la, ka pan ka Bɔ nafa kelen na ka Taa nafa wɛrɛ la.
Ladamuni nafolo dɔ sɛbɛnni b’a fɔ navigatɔrɔ ye a bɛ nafa sugu min jira ani a ka kan ka kɛ cogo min na waati kɔnɔ. O cogo la, n b’a fɛ navigatɔrɔn ka n ka kulɛri-kanw minɛ i n’a fɔ nimɔrɔw walasa u ka se ka ɲɛnamaya kɛ ka ɲɛ.
@nafolo --f-l {
daɲɛw sigicogo: "
@nafolo --f-c {
daɲɛw sigicogo: "
@nafolo --f-h {
daɲɛw sigicogo: "
Ni u tɔgɔ sɛbɛnna, o ladamufɛnw bɛ u yɛrɛ minɛ i n’a fɔ CSS yɛrɛma. Navigateur (navigatɛri) bɛ Se k’u Dòn ‘kɔnɔ-kalansen kelen-kelen bɛɛ la. O kɔfɛ, n bɛ jusigilan kulɛri jɔ kokura ka bɔ o kanw na: --jɔyɔrɔ: oklch (var (--f-l) var (--f-c) var (--f-h));
O bɛ kɛ sababu ye ka jusigilan kulɛri kɛ ɲɛnamaya ye, i n’a fɔ jatebɔ nafa tɔw bɛɛ. Nin ye “fiɲɛ” animation nɔgɔman ye min bɛ nɔgɔya wuli nɔgɔya la waati kɔnɔ: @keyframes ka ninakili { 0%, 100% { --f-l: 0,36; } . 50% { --f-l: 0,46 ye; } . } .
.toon-titre { . animation: ninakili 10s nɔgɔya-don-bɔ dan tɛ; } .
Sabula kulɛri tɔw bɛɛ minnu bɛ fasaw, gradients ani strokes la, olu bɛ bɔ --foundation la, u bɛɛ bɛ ɲɛnamaya kɛ ɲɔgɔn fɛ, wa foyi man kan ka ladamu bolo la. Kulɛri ɲɛnama kelen, nɔ caman Nin wale in daminɛ na, n y’a ɲininka n’a y’a sɔrɔ CSS ka kulɛriw danfaralenw bɛ se ka seko caman di k’a sɔrɔ u waleyali fana ka nɔgɔn. Kɔsa in na, n ye sanubɔyɔrɔ kura dɔ fara n ka siti in ka kunnafonisɛbɛn kan, wa iterasiyɔn fɔlɔ la, tulu lanpanw tun bɛ yen minnu bɛ yeelen bɔ ani ka wuli.
N tun b’a fɛ k’a sɛgɛsɛgɛ cogo min na CSS relative colors animation bɛ se ka minɛn kɔnɔna kɛ tiɲɛ ye, n’a y’a tintin ni kulɛriw ye minnu bɛ bɔ lanpanw na. N tun b’a fɛ u ka nɔ bila diɲɛ na min bɛ u lamini, yeelen lakika bɛ nɔ bila cogo min na. O la, sanni n ka kulɛri caman ɲɛnamaya, n ye yeelenbɔlan fitinin dɔ jɔ min bɛ kulɛri kelen dɔrɔn ɲɛnamaya.
N ka baara fɔlɔ tun ye ka fɛn dɔ bila kɔfɛla ni n ka lanpanw cɛ:
N ye mix-blend-mode kɛ: kulɛri bawo o bɛ fɛn min bɛ a jukɔrɔ, o bɛ tintin k’a sɔrɔ a bɛ yeelen min bɛ a jukɔrɔ, o mara. Komin n b’a fɛ overlay ka ye dɔrɔn ni animationw dabɔra, n ye overlay opt-in kɛ: .svg-mine #dafalen { . jirali: foyi tɛ yen; } .
@media (a ka fisa-dɔgɔya-lamaga: a tɛ a fɛ) { .svg-mine[data-animations=kan] #dafalen { . jirali: bloki; opasite: 0,5 ye; } . } .
O datugulan tun bɛ a nɔ na, nka a tun ma siri lanpanw na fɔlɔ. N mako tun be yeelenbɔlan dɔ la. N ka lanpanw ka nɔgɔn, wa, sɛrɛkili fɛn dɔ bɛ u kelen-kelen bɛɛ kɔnɔ, n ye min fiyɛ ni filɛri ye. Filɛtiri bɛ bɔgɔbɔgɔ nɔgɔlenba dɔ Bɔ sɛrɛkili bɛɛ kan.
Sani n ka dakun ni lanpanw ɲɛnamaya u danma, n bɛ “tasuma” kulɛri taamasiyɛn kelen ɲɛnamaya ani ka fɛn tɔw bɛɛ sɔrɔ o la. Fɔlɔ, n bɛ sɛbɛnni kɛcogo saba sɛbɛn OKLCH kanw kama:
@nafolo --fl-l {
daɲɛw sigicogo: "
N ye o kanw ɲɛnamaya, ka laɲini kɛ ka karamɔgɔ damadɔw gɛlɛya ka taa oranjɛ fan fɛ walasa flicker ka kalan ka jɛya i n’a fɔ tasuma yeelen:
@keyframes tasuma { 0%, 100% { --fl-l: 0,86; --fl-c: 0,12 ye; --fl-h: 95 ye; } . 6% { --fl-l: 0,91 ye; --fl-c: 0,10 ye; --fl-h: 92 ye; } . 12% { --fl-l: 0,83 ye; --fl-c: 0,14 ye; --fl-h: 100 ye; } . 18% { --fl-l: 0,88 ye; --fl-c: 0,11 ye; --fl-h: 94 ye; } . 24% { --fl-l: 0,82 ye; --fl-c: 0,16 ye; --fl-h: 82 ye; } . 30% { --fl-l: 0,90 ye; --fl-c: 0,12 ye; --fl-h: 90 ye; } . 36% { --fl-l: 0,79 ye; --fl-c: 0,17 ye; --fl-h: 76 ye; } . 44% { --fl-l: 0,87 ye; --fl-c: 0,12 ye; --fl-h: 96 ye; } . 52% { --fl-l: 0,81 ye; --fl-c: 0,15 ye; --fl-h: 102 ye; } . 60% { --fl-l: 0,89 ye; --fl-c: 0,11 ye; --fl-h: 93 ye; } . 68% { --fl-l: 0,83 ye; --fl-c: 0,16 ye; --fl-h: 85 ye; } . 76% { --fl-l: 0,91 ye; --fl-c: 0,10 ye; --fl-h: 91 ye; } . 84% { --fl-l: 0,85 ye; --fl-c: 0,14 ye; --fl-h: 98 ye; } . 92% ye {--fl-l: 0,80 ye; --fl-c: 0,17 ye; --fl-h: 74 ye; } . } .
O kɔ fɛ n y’o animation in scope kɛ SVG la, o la, variables shared bɛ sɔrɔ lanpanw ni n ka overlay fila bɛɛ la:
@media (a ka fisa-dɔgɔya-lamaga: a tɛ a fɛ) { .svg-mine[data-animations=kan] { animation: tasuma 3,6s dan tɛ sinsinni; isolation: ka mɔgɔ bɔ ɲɔgɔn na;
/* Tasuma kulɛri dɔ jɔ ka bɔ animation channels la */ --tasuma: oklch (var (--fl-l) var (--fl-c) var (--fl-h));
/* Lanpan kulɛri min bɛ bɔ tasuma na */ --lanpan-kɔnɔna: oklch (ka bɔ var (--tasuma) calc (l + 0,05) calc (c * 0,70) h);
/* Overlay tint min bɛ bɔ tasuma kelen na */ --overlay-tint: oklch(ka bɔ var(--tasuma na) calc(l + 0,06) calc(c * 0,65) calc(h - 10)); } . } .
A laban na, n y’o kulɛri sɔrɔlenw kɛ lanpanw kan minnu bɛ manamana ani u bɛ nɔ bila u datugucogo la: @media (a ka fisa-dɔgɔya-lamaga: a tɛ a fɛ) { .svg-mine[data-animations=on] #min-lanpan-1 > sɛrɛkili, . .svg-mine[data-animations=on] #min-lanpan-2 > sɛrɛkili { . fa: var(--lanpan-kɔnɔ); } .
.svg-mine[data-animations=kan] #dafalen { . jirali: bloki; fa: var(--dafalen-tint); opasite: 0,5 ye; } . } .
Ni tasuma bɛ wuli ka taa oranjɛ fan fɛ, lanpanw bɛ sumaya, ani yɔrɔ bɛ sumaya n’u ye. Ni tasuma nɛnɛna, fɛn bɛɛ bɛ sigi ɲɔgɔn fɛ. A yɔrɔ min ka fisa, o ye ko foyi tɛ sɛbɛn bolo la. Ni n ye fondement kulɛri Changé walima ka flame animation ranges tweak, yeelenbɔlan bɛɛ bɛ update waati kelen na. Aw bɛ se ka jaabi laban ye n ka siti kan. Baara kɛ kokura, Ka baara kɛ kokura, ka segin a kan O Hanna-Barbera animateurs (ɲɛnamayakɛlaw) wajibiyara ka fɛnw kɛ u kuntilenna kura ye, k’a sababu kɛ wajibi ye, nka n bɛ baara kɛ ni kulɛriw ye kokura bawo o bɛ n ka baara kɛ cogo kelen na, wa a ladonni ka nɔgɔn. CSS relative color values bɛ sira di n ma ka:
A’ ye fondement kulɛri kelen ɲɛfɔ, . Kulɛri wɛrɛw bɛ tali kɛ a la cogo min na, o ɲɛfɔ, . Baara kɛ ni o jɛɲɔgɔnyaw ye kokura yɔrɔ bɛɛ, ani... Aw bɛ sistɛmu ɲɛnamaya ni nafa kelen caman cili ye.
Kulɛri danfaralenw tɛ barokunw nɔgɔya dɔrɔn. A bɛ dusu don miiricogo dɔ kɔnɔ, yɔrɔ min na kulɛri, i n’a fɔ lamaga, o ye laɲini ye — ani yɔrɔ min na nafa kelen caman cili bɛ se ka ɲɛnajɛ bɛɛ sɛmɛntiya k’a sɔrɔ baara ma sɛbɛn kokura a jukɔrɔ.
