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
463
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
Tänään pyörit ajatuksissa enemmän, kun erehdyin lukemaan palstaa
En saisi, silti toivon että sinä vielä palaat ja otetaan oikeasti selvää, hioituuko särmät ja sulaudummeko yhteen. Vuod225234- 254398
- 282541
- 342264
- 372008
- 151928
En ole koskaan kokenut
Ennen mitään tällaista rakastumista. Tiedän että kaipaan sinua varmaan loppu elämän. Toivottavasti ei tarvitsisi vain ka191617- 121541
Voi ei! Jari Sillanpää heitti keikan Helsingissä - Hämmästyttävä hetki lavalla...
Ex-tangokuningas on parhaillaan konserttikiertueella. Hän esiintyi Savoy teatterissa äitienpäivänä. Sillanpää jakoi kons211277Kerranki asiat oikein
Ilkka ja muut pienpuolueeet...teitte hyvän työn kun valitsitte pätevän henkilön virkaan eikä kepulle passelia!! Jatkakaa101194