Mouseover effekter

Effekt #1: Ramme fader ind ovenpå billederne
Tykkelse og farve på rammen kan ændres

Effekt #2a: Billederne fader fra opacity 0.5 til 1
Opacity start og slut kan ændres

Effekt #2b: Billederne fader fra opacity 1 til 0.5
Opacity start og slut kan ændres

Effekt #3a: Billederne fader fra normal størrelse til 1.2x størrelse
Billedstørrelse start og slut kan ændres
Virker bedst hvis billederne har den helt rigtige størrelse

Effekt #3b: Billederne fader fra 1.2x størrelse til normal størrelse
Billedstørrelse start og slut kan ændres
Virker bedst hvis billederne har den helt rigtige størrelse

Effekt #4: Baggrund og tekst fader til en anden farve
Farve på baggrund og tekst kan ændres

Effekt #5: Overskrift slider op mens teksten kommer til frem
Tekst må ikke være højere end billedet

Effekt #6a: Overskrift og tekst fader ind ovenpå billedet
Virker kun med fast højde

Effekt #6b: Overskrift og tekst fader og slider ind ovenpå billedet
Virker kun med fast højde

Effekt #6c: Billede slider op mens overskrift og tekst følger med og erstatter billedet
Retning teksten slider fra kan ændres
Virker kun med fast højde
Animation med billeder i stedet: http://thisistommy.com/

Effekt #7: En skygge på boksen fader ind
Tykkelse og farve på skyggen kan ændres

Effekt #8a: Billedet fader fra s/h til farve
Kræver at billedet indsættes i både s/h og normal version
Billederne kan ikke stå og fade

Effekt #8b: Billedet fader fra farve til s/h
Kræver at billedet indsættes i både normal og s/h version
Billederne kan ikke stå og fade

Effekt #9: Billedet splittes i midten og slider ud til siderne
Billedet kan splittes vertikalt og horisontalt
Kræver at billedet indsættes to gange
Billederne kan ikke stå og fade

Effekt #10a: Billedets runde hjørner bliver firkantede
Rundingens radius start og slut kan ændres
Kræver at billederne har den helt rigtige størrelse

Effekt #10b: Billedets firkantede hjørner bliver runde
Rundingens radius start og slut kan ændres
Kræver at billederne har den helt rigtige størrelse

Effekt #11a: Teksten slider ned under overskriften

Effekt #11b: Overskrift og tekst slider ned fra bagved billedet
Tekst må ikke være højere end billedet

OBS! Flere af effekterne virker kun i moderne browsere (Firefox, Chrome og Safari), mens understøttelsen i Internet Explorer er meget svingende.