Ide azon "effektek" kerülnek, melyek igazából csak formázások, de jól mutatnak egy-egy képnél.

Ilyen ugye a lekerekített kép, keretes kép, összemegy vagy nagyobb lesz a kép, és az áttetsző kép is ilyen. Talán arról még nem írtam.

Az alap kép marad a baba megint.

1. Lekerekített képek:

img {

border-radius: 2em 2em 2em 2em;}

2. Keretes képek:

Itt lehet ugye sima keret, vagy külső keret, arról még nem írtam, ezután fogok.

img {

border: 3px solid #000000;}

img {

outline: 3px dotted #ededed;}

3. Összemegy a kép:

Itt linkként is meg lehet oldani, vagyis egy üres linknek adunk class funkciót háttérrel, és egyéb okossággal.

A képek méretéhez a képed eredeti méreteit add meg, vagy amekkorára szeretnéd, ha egy nagyobb képet szúrnál be. Ugyanis egy 400x500-as képnek is adhatsz más méreteket itt, mint ahogy akkor is, ha képként szúrod be az editorral. A hover részben elég a % is, annyival fogja összehúzni a képet. Ugyan ez működik élő linkekkel is, tehát ha elit cserét linkelsz rá mondjuk. Arra figyeljetek, hogy ha váltotok CKeditor és kódnézet között, akkor az üres link eltűnik, és újra be kell írni kódnézetben, forráskód nem jó, hacsak nem abban mentesz.

4. Nagyobb lesz a kép:

<a class="nagy"></a>

5. Össze megy a kép vagy nagyobb lesz:

Egyszerű DIV konténeres megoldás lesz ez:

6. Áttetsző lesz a kép vagy fordítva:

img {

opacity: 0.7;

filter: alpha (opacity=70);}