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
miten tehdään
2
470
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
Nyt tajusin mitä haet takaa
En epäile etteikö meillä olisi kivaa missä vaan. Se on iso hyppy henkisellä tasolla sinne syvempään päätyyn, kuten tiedä433753- 382508
Naiselle mieheltä
Huomasin tuossa, että jääkaapissani on eräs sinun ostamasi tuote edelleen avaamattomana. Arvaatko mikä?342031- 231782
- 171699
Ihmetteletkö, mihin sinussa ihastuin?
Pikkuhiljaa huomasin, että olet ainutlaatuinen luonne, plussana tietysti ulkoiset avut. Toista ei taida löytyä koko maai1001612- 231598
Mitä yhteistä on sulla ja kaivatulla?
Onko teillä samantyyppinen olemus tai luonne? Vai muistuttaako vartalonne toisiaan? Tai kasvot? Entä pukeutuminen? Onko991466- 241457
- 221419