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
0
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 :)