Varjo ja CSS

miten tehdään

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?

2

493

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • 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

    1. Tiedätkö mihin

      Ominaisuuksiin rakastuin sinussa?
      Ikävä
      81
      4502
    2. Purra on kantanut vastuuta täyden kympin arvoisesti

      Luottoluokituksen lasku, ennätysvelat ja ennätystyöttömyys siitä muutamana esimerkkinä. Jatkakoon hän hyvin aloittamaans
      Maailman menoa
      122
      4177
    3. Persujen mukaan rasismi on huumoria

      Vaan kun koomikko kutsui Halla-ahoa fasistiksi, niin piti haastaa oikeuteen. Mihin se huumorinitaju yhtäkkiä hävisi? ⠀
      Maailman menoa
      46
      4163
    4. BOIKOTOIN - Ei mitään Suomi.fi postilaatikoita käyttöön

      Ainakaan minulle! Vai että pitäisi alkaa siellä käyädä katselemassa tammikuusta 2026 siis periaatteessa päivittäin että
      Maailman menoa
      180
      3401
    5. 186
      2683
    6. Lasse Lehtonen vaatii persuja pyytämään anteeksi aasialaisilta

      Persut ova romahduttaneet Suomen maakuvan parissa päivässä negatiiviseksi rasismillaan ja se alkaa vaikuttamaan jo Suome
      Maailman menoa
      61
      2669
    7. Surullista

      Että menetit sen naisen , tosi surullista ja vielä oman tyhmyyden takia ,ymmärrän että se on masentavaa
      Ikävä
      58
      2597
    8. Hallitus on kaadettava ja Orpon on erottava

      Mikään muu hallitus ei ole oman elämäni aikana tuhonnut näin paljon tämän maan taloutta ja työllisyyttä sekä suomen main
      Maailman menoa
      35
      2582
    9. Muuttunut käytös

      Onko kaivattusi käytös muuttunut? Tiedätkö mistä se johtuu? Haluatko kertoa, mitä tapahtui?
      Ikävä
      68
      2469
    10. Väkeä oli liikkeellä

      Nyt leijutaan pilvissä. Kun eläinpuistossa oli porukkaa 😆😆 Olihan siellä kun ilmaiseksi pääsivät. Eiköhän se juuri sik
      Ähtäri
      43
      2142
    Aihe