Buy the Album

CSS: Hover Effekt 2

Html » Hover Effekt 2
Jetzt zeig ich euch wie man den schönen Effekt kriegt, wenn man über ein Bild geht. Es gibt viele mögliche Varianten. Ich werde euch meine Favoriten zeigen. Diese Codes müsst ihr auch bei Text über dem Header hinzufügen.. Darüber soll <style> sein und darunter </style> sein:
Tipp: hover = rübergehen xD

Variante 1:

a img {
        border: 1px solid #farbe;}

a:hover img {
        border: 1px solid #farbe;}

Variante 2:

a img {
        border: 2px solid #farbe;
}
a:hover img {
        border: 2px solid #farbe;}

Variante 3:

a img {
border: 1px solid #farbe; border-radius: 2px;
background:#ffffff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 2px;
margin: 1px;}

a:hover img {
border: 1px solid #farbe; padding:2px;
background:#ffffff;
border-radius: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 2px;
margin: 1px;}

• The Gimp » Brushes Erstellen
• The Gimp » Pixel Effekt
• The Gimp » Farbverlauf
• The Gimp » Image Mappen
• The Gimp » Dream Effekt

navigate
001. Welcome Message
003. Anmeldung & Login
005. Ask Me
007. Guestbook
009. Contact
011. Photoshop
013. About Us
015. Resources
002. The Gimp
004. Html
006. CSS
008. Javascript
010. Windows
012. Programme
014. Affiliates
016. Graphics
Top Affiliates
Become? » Top Affiliate
Become? » Top Affiliate
Become? » Top Affiliate
Become? » Top Affiliate
Become? » Top Affiliate
Site Stats
SITENAME: Help-Online
SITEDOMAIN: help-online.de.tl
WEBMISS: Selina
SINCE: 19.10 '09
HOST: Homepage-Baukasten <3
VERSION: 1.0
LAYOUTNAME: 'Guilty Pleasure' Fever
BEST VIEW: Mozilla Firefox
ONLINE: Fan(s)
Link back


Affiliates | Become

Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden