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?
Varjo ja CSS
2
509
Vastaukset
- asfadasfa
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. - foxytin
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.
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Vesikin maksaa, miksei hengitysilma?
Jatkuvasti itketään ettei ole rahaa mihinkään, mutta tilastojen mukaan rahaa on enemmän kuin koskaan, joten miksei asial201771Satuolennoista tarinointi ei kuulu peruskoulun tehtäviin
Opetustunteja on muutenkin käytössä vain rajallinen määrä. Eli nämä satuhommat koulun ulkopuolelle vapaaehtoisiin harras1461748Suomalainen perheenisä vaatii Suvivirren esittämisestä hyvityksiä
Itse lapsena uskonnonopetuksesta vissiin traumoja saanut ihka suomalainen (!) perheenisä vaatii Espoon kaupungilta korva3211433Lahkokasteen ja kristillisen kasteen erot
Raamatun mukaan Kristillisessä yhdessä kasteessa Jumala pesee ja puhdistaa ihmisen sydämen ja poistaa perisynnin kirouks4221118Mies profiloin sinut
Etsit täysin hallittavaa mutta samalla poikkeuksellista ihmistä. Etsit jotain mitä et koskaan tule saamaan.2091102- 1391058
- 285975
Heikki Paasosen Marita-vaimo jätti tunteikkaat jäähyväiset: "Tällä kertaa me..."
Heikki Paasonen on naimisissa Marita Paasosen (os. Alatalo) kanssa ja heillä on kaksi pientä lasta. Nyt koitti aika jätt4959- 11955
- 77907