Tartalom
text-shadow

Úgy döntöttem írok egy cikk sorozatot amiben a css különböző elemei lesznek kiterítve. Olyan elemek amiket nem használunk gyakran, vagy elsíklunk afelett, hogy hányféleképpen lehet alkalmazni őket. :) A mai napon a text-shadowról írok nektek. 

A text shadow egy hasznos css tulajdonság amit a szövegedhez adhatsz. Használhatod bárhol, bármilyen böngészőben. Mutatok pár variációt, hányféleképpen mutat jól. Az alapkód: 

text-shadow: 0px 0px 0px #fff;

Az első két px érték a helyére utal az árnyéknak, ha - akkor fel és balra mozdul ha + akkor pedig jobbra és le. A harmadik px érték a sűrűségre/kiterjedésre utal.

<offset-x> <offset-y> <blur-radius> <color>

Hányféleképpen használhatjuk ezt az egyszerű tulajdonságot?

 

001. Blogbejegyzéseknek, tartalomnak adni egy szép, éles, de halvány effektet. Szerintem ettől kifejezetten profibbnak tűnik néha egy-egy oldal.

text-shadow: 1px 1px 0px #000

Lorem ipsum dolor sit amet, noluisse constituam eam et, ius ei epicurei delectus persecuti. Ut lucilius praesent duo, mel ut platonem persecuti dissentiunt, cu eligendi euripidis vituperatoribus sea. At sit postea reprimique, doming malorum scripserit usu ei. In eum dicat pericula accusamus, eos ei probo epicurei iudicabit. Doming ornatus atomorum eu vix, id eos mucius fierent molestie, est elit oporteat volutpat ne. Zril timeam invenire pro at, fastidii conceptam ea vis, per utamur dolorem et.

  002. Erős kiterjesztés, kiemelkedő szövegeknek.

text-shadow: 0px 0px 6px #fff

Lorem ipsum dolor

003. Színkavalkád címsoroknak. Itt is van legalább 3-4 árnyék. 

text-shadow: 3px 3px 3px #ffe826, -2px -2px 3px #ffe826, 5px 5px 3px #ffe826, -4px -4px 3px #ffe826

Lorem ipsum dolor

004. Tényleg az árnyékot adja vissza. Fekete/fehér/szürke és távolabb áll. A példában kicsit homályosabb, de lehet éles is. 

 text-shadow: 3px 3px 2px #333232,3px 3px 2px #333232

Lorum ipsum dolor.

005. Futurisztikus 3d hatás, két féle árnyékkal. 

text-shadow: 0 1px 0 rgb(204,204,204) , 0 2px 0 rgb(201,201,201) , 0 3px 0 rgb(187,187,187) , 0 4px 0 rgb(185,185,185) , 0 5px 0 rgb(170,170,170) , 0 6px 1px rgba(0,0,0,0.0980392) , 0 0 5px rgba(0,0,0,0.0980392) , 0 1px 3px rgba(0,0,0,0.298039) , 0 3px 5px rgba(0,0,0,0.2) , 0 5px 10px rgba(0,0,0,0.247059) , 0 10px 10px rgba(0,0,0,0.2) , 0 20px 20px rgba(0,0,0,0.14902)

     Lorum ipsum dolor.

006. Többféle színes éles háttér. 

text-shadow: 2px 0px 0 #ffd217, 0px 2px 0 #5ac7ff, 0px 3px 0 #ffd217, 3px 0px 0 #5ac7ff

Lorum ipsum dolor.

007. Nagy szívárványos háttér, ha sűrűbb úgy is kinézhet, mint a tűz nyelvek mögötte :)

text-shadow: 0 0 10px #fefcc9, 4px -4px 10px #feec85, -2px -2px 10px #ffae34, 2px -4px 30px #ec760c, -2px -6px 10px #cd4606, 0 -8px 40px #973716, 10px -9px 10px #451b0e

Lorum ipsum dolor.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 
Madarak és fák napjára új mesével vár a Mesetár! Nézz be hozzánk!    *****    Rosta Iván diplomás asztrológus vagyok! Szívesen elkészítem a horoszkópodat, fordúlj hozzám bizalommal. Várom a hívásod!    *****    Dryvit, hõszigetelés! Vállaljuk családi házak, lakások, egyéb épületek szigetelését kedvezõ áron! Hívjon! 0630/583-3168    *****    Ha te is könyvkiadásban gondolkodsz, ajánlom figyelmedbe az postomat, amiben minden összegyûjtött információt megírtam.    *****    Nyereményjáték! Nyerd meg az éjszakai arckrémet! További információkért és játék szabályért kattints! Nyereményjáték!    *****    A legfrissebb hírek Super Mario világából, plusz információk, tippek-trükkök, végigjátszások!    *****    Ha hagyod, hogy magával ragadjon a Mario Golf miliõje, akkor egy egyedi és életre szóló játékélménnyel leszel gazdagabb!    *****    A horoszkóp a lélek tükre, nagyon fontos idõnként megtudni, mit rejteget. Keress meg és nézzünk bele együtt. Várlak!    *****    Dryvit, hõszigetelés! Vállaljuk családi házak, lakások, nyaralók és egyéb épületek homlokzati szigetelését!    *****    rose-harbor.hungarianforum.com - rose-harbor.hungarianforum.com - rose-harbor.hungarianforum.com    *****    Vérfarkasok, boszorkányok, alakváltók, démonok, bukott angyalok és emberek. A világ oly' színes, de vajon békés is?    *****    Az emberek vakok, kiváltképp akkor, ha olyasmivel találkoznak, amit kényelmesebb nem észrevenni... - HUNGARIANFORUM    *****    Valahol Delaware államban létezik egy város, ahol a természetfeletti lények otthonra lelhetnek... Közéjük tartozol?    *****    Minden mágia megköveteli a maga árát... Ez az ár pedig néha túlságosan is nagy, hogy megfizessük - FRPG    *****    Why do all the monsters come out at night? - FRPG - Why do all the monsters come out at night? - FRPG - Aktív közösség    *****    Az oldal egy évvel ezelõtt költözött új otthonába, azóta pedig az élet csak pörög és pörög! - AKTÍV FÓRUMOS SZEREPJÁTÉK    *****    Vajon milyen lehet egy rejtélyekkel teli kisváros polgármesterének lenni? És mi történik, ha a bizalmasod árul el?    *****    A szörnyek miért csak éjjel bújnak elõ? Az ártatlan külsõ mögött is lapulhat valami rémes? - fórumos szerepjáték    *****    Ünnepeld a magyar költészet napját a Mesetárban! Boldog születésnapot, magyar vers!    *****    Amikor nem tudod mit tegyél és tanácstalan vagy akkor segít az asztrológia. Fordúlj hozzám, segítek. Csak kattints!