Tämä on aika lyhyt kirjoitus. Jotkut nettiselaimet hallitsevat jo aika hyvin sellaisen CSS-toiminnon kuin text-shadow, jonka nimi jo kertoo kaiken mitä se tekee. Se tekee varjostuksia tekstiin ainakin uudella Firefoxilla, Chromella, Operalla, mutta ei ainakaan vielä uudella Internet Explorer 8:lla eikä sitä vanhemmilla Explorerin versioilla. Koska tämän efektin toimimattomuus tuossa yhdessä nettiselaimessa ei ole suurikaan vaiva, olen rohkaistunut käyttämään varjostusta jo parissakin nettisivuprojektissa. Varjostuksen laittaminen esimerkiksi kaikille linkeille onnistuu näin:
a { text-shadow: #000 1px 2px 3px; }
Tämä koodirivi ei sisällä kovinkaan paljon pollaa vaivaavaa kryptistä tavaraa, sillä se on hyvin simppeli juttu kaikin puolin. Tässä esimerkissä varjostus toteutetaan “shorthandilla”, jolloin tuon esimerkissä näkyvän kaksoispisteen jälkeen määritellään järjestyksessä nämä jutut:
#000 on pikimusta).1px tarkoittaa varjon sijoittelua vaakasuunnassa.2px tarkoittaa varjon sijoittelua pystysuunnassa.3px tarkoittaa varjon pehmennystä, eli “blurria”.Jos halutaan laittaa vaikka kaikille otsikoille joku pehmeä haalea varjostus, voidaan pistää vaikkapa näin:
h1, h2, h3, h4, h5, h6 { text-shadow: #999 0 1px 10px; }
Tuo koodiesimerkki laittaa kaikille otsikkotasoille keskiharmaalla (#999) värillä aika pehmeää tavaraa, kuten tästä esimerkistä voi nähdä:
Tässä on vielä lisää näitä otsikkotasoilla tehtyjä testejä:
Koska aika on arvokasta, kannattaa tutustua tähän alla näkyvään listaan jos mielit löytää tämän nettisivuston parhaat kirjoitukset. Tässä alapuolella on kaikkein luetuimpia kirjoituksia Korinaa kuopasta -blogin aarreaitasta. Kirjoitukset on järjestetty suosituimmuusjärjestykseen siten, että luettelon kärjessä on tällä hetkellä eniten lukukertoja saaneet kirjoitukset.
Blogimerkintää "Tekstin varjostus CSS:llä." muokattiin viimeksi 5807 päivää sitten, eli lauantaina. Kirjoitukseen on julkaistu kommentteja 3 kpl. Kaikki kirjoituksen saamat kommentit löytyvät suoraan tämän tekstimötikän alapuolelta.
Selaat tällä hetkellä blogimerkintää Tekstin varjostus CSS:llä. Se julkaistiin 19. ä. Voit siirtyä lukemaan blogin tuoreimpia kirjoituksia klikkaamalla tiesi weblogin etusivulle. Tässä blogissa julkaistaan kiinnostaviksi katsomiani asioita, joten jos tiedät kiinnostavan nettiin liittyvän aiheen, josta kannattaisi kirjoittaa, laita palautetta!