Cień pod obrazkiem

0

Witam!
Mam pytanie odnośnie css, jak zdefiniować aby pod każdym zdjęciem na stronie był cień, oczywiście obrazki będą o ustalonej wielkości, a cień będzie również zdjęciem o takiej szerokości jak zdjęcia, nie chcę dodawać osobno do każdego zdjęcia cień, a żeby było ustalone np w sekcji

każde dorzucone zdjęcie od razu posiadało cień.</p>
0

CSS 3 na to pozwala: http://www.css3.info/preview/box-shadow/

.Shadow {
 box-shadow: 0px 0px 5px #000000;
}
<img src='image1.jpg' alt='image1' class='Shadow'/><br>
<img src='image2.jpg' alt='image2' class='Shadow'/><br>
<img src='image3.jpg' alt='image3' class='Shadow'/>

Powinno działać :]

0

albo:

.shadow img {
 box-shadow: 0px 0px 5px #000000;
}
<div class="shadow">
<img src='image1.jpg' alt='image1'/><br>
<img src='image2.jpg' alt='image2'/><br>
<img src='image3.jpg' alt='image3'/>
</div>

nie musisz robić shadowa jako obrazek ;) poczytaj o css3 i box-shadow

0

Tak ja wiem, ale chciałem mieć cień "łukowaty" pod obrazkami ;)
Ale o tej opcji nawet nie wiedziałem, i użyłem jej bo ładnie sobie dopasowałem cień, który dobrze się komponuje :)
Jestem Wam wdzięczny za pomoc :)

1 użytkowników online, w tym zalogowanych: 0, gości: 1