Képek formázása CSS-sel
2009. január 25.
KATEGÓRIA: design, kezdőknek | 7 KOMMENT CÍMKÉK : árnyék, css, felirat, formázás, kép, keret, vízjel
Bemutatok néhány trükköt, amivel feldobhatod a weboldaladon megjelenő képeket, hogy ne legyenek olyan egyhangúak. CSS-sel ez sokkal egyszerbb, mintha az összes képed beleraknád Photoshoppal valami előre megalkotott keretbe. Ha neked is van hasolnló ötleted, várom!
Drop Shadow – Adjunk a képnek árnyékot
A lényeg, hogy egy nagy, árnyékkal ellátott képet beteszünk háttérképnek. Mivel az IE6 nehezen kezeli az átlátszó png-t, ezért érdemes testreszabott gif-et használni. Minél nagyobb a háttérképünk, annál nagyobb képeknél lehet használni. A példában egy 1000×1000 pixeles kép is árnyékkal jelenne meg.
HTML
<img class="shadow" src="sample.jpg" alt="" />
CSS
img.shadow {
background: url(shadow-1000x1000.gif) no-repeat right bottom;
padding: 5px 10px 10px 5px;
}
TOVÁBB IS VAN… »
