Varjo ja CSS

Miten tehdään sellainen pehmeä varjo sivulle?

Että keskellä ikkunaa on esim joku 600x800 laatikko ja sillä on tuollaiset pehmeät reunat joka puolella?

Montako div laatikkoa tarvitaan, ja miten ne taustakuvat laitetaan ja kulmat tehdään? Millainen rakenne ?

Joku esimerkki?
2514
Äänestä

Muut lukivat myös

Vastaukset 2

Vanhimmat

Tämä ei välttmättä toimi kaikilla selaimilla, mutta ainahan sitä koittaa yrittää.

.your text

{text-shadow: #000000;}

HUOM!vaihtoehtoina none ei varjoa - tai lenght (varjon pituus)
Eli tuohon malliin.

Äänestä

Esimerkiksi näin:





Eli luomme 2 div-elementtiä, joihin toiseen laitamme vain oikean ja ala reunuksen. Mittoja soveltamalla voit luonnollisesti suurentaa laatikkoa. Tällä tavalla tekemällä (ilman padding ja margin määrityksiä) esimerkki näkyy kuitenkin IE:llä ja Gecko (Firefox ym) selaimilla hieman eritavalla. IE tekee suuremmat reunukset (eli varjot tässä tapauksessa), kuin Gecko selaimet.

Äänestä

Kommentoi aloitusta


miten tehdään kirjoitti:

Miten tehdään sellainen pehmeä varjo sivulle?

Että keskellä ikkunaa on esim joku 600x800 laatikko ja sillä on tuollaiset pehmeät reunat joka puolella?

Montako div laatikkoa tarvitaan, ja miten ne taustakuvat laitetaan ja kulmat tehdään? Millainen rakenne ?

Joku esimerkki?

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu