Litabreytingar bakgrunnur á flettu

 Þegar við vorum að vinna að verkefni (Við munum tilkynna það fljótlega!) Vildi hönnunarteymið okkar fá fallegan litabreytingar bakgrunn. Nú vitum við að við hefðum getað notað kyrrstöðu, eða einfaldlega dofnað á milli hluta, en við héldum að það væri flott ef bakgrunnurinn breyttist þegar notandinn fletti niður síðuna, á fastan hátt. Venjulega þegar við mætum áskorun sem þessari er það fyrsta sem við gerum að athuga hvort einhver annar hafi þegar gert það og á engum tíma fundum við þennan jsfiddle: http://jsfiddle.net/cgspicer/V4qh9/. Það er frábært en við þurftum aðeins meira. Núverandi útgáfa styður aðeins dofna á milli tveggja lita svo við punguðum kóðanum og stækkuðum aðeins á honum.

Efnisyfirlit[Sýna]
 

litaskrúla

Uppsetning

Ef þú vilt nota þessa aðferð fyrir næsta verkefni þarftu jQueryjquery.color-2.1.0.js, og bitar HTML / CSS / JS sem fylgja þessum jsfiddle: https://jsfiddle.net/jguffey/mxkx9j2o/.

Gerðu það að þínu eigin

Í fiðlu notum við ` `þætti til að merkja innihaldsmörkin, en þú getur notað hvaða þætti sem þú vilt með því að breyta valtakkanum á línu 8 og samsvarandi CSS og HTML. Fjöldi strengja í kallinu til 'scrollColors' (lína 16) er þar sem við geymum litina sem við viljum fara yfir í. Mundu að breyta CSS bakgrunnslitareiginleikanum fyrir meginmálið (litabreytingarmarkmiðið okkar) til að passa við fyrsta þáttinn í þessu fylki, annars færðu enn skærbleikan lit þegar fyrst byrjar á síðunni.

Þökk sé jQuery Color viðbótinni eru hex, rgb og jafnvel rgba gildi leyfð. Þetta getur skilað svölum áhrifum þegar það er lagað yfir mynd eða myndband. Alfarásin í RGBA er hreyfð rétt eins og aðrar litarásir, þannig að þú gætir haft selda litbreytingargagnsæi með skrun.

Njóttu!

 

Um höfundinn
Höfundur: Super User

Eitt í viðbót... Vissir þú að fólk sem deilir gagnlegu efni á borð við þessa færslu lítur ótrúlega líka út? ;-)
vinsamlegast yfirgefa a gagnlegt skrifaðu athugasemdir við hugsanir þínar, deildu þessu síðan á Facebook hópinn þinn / hverjum sem myndu finnast þetta gagnlegt og við skulum uppskera ávinninginn saman. Takk fyrir að deila og vera fín!

Birting: Þessi síða getur innihaldið tengla á ytri vefsíður fyrir vörur sem við elskum og mælum af heilum hug. Ef þú kaupir vörur sem við leggjum til gætum við unnið okkur inn tilvísunargjald. Slík gjöld hafa ekki áhrif á ráðleggingar okkar og við tökum ekki við greiðslum fyrir jákvæða dóma.

 

hver erum við?

CollectiveRay er rekið af David Attard - vinnandi í og ​​við vefhönnunarsessina í meira en 12 ár, við veitum nothæfar ábendingar fyrir fólk sem vinnur með og á vefsíðum. Við rekum einnig DronesBuy.net - vefsíðu fyrir drónaáhugamenn.

Davíð attard

 

 

Höfundur (ar) Valin þann:  Merki tímarits Inc   Sitepoint merki   CSS bragðarefur merki    vefhönnunarpottamerki   WPMU DEV merki   og margir fleiri ...