Hallo,
ich habe einen Facebook Button, den ich am rechten Rand platziere. Bei hover klappte ein breiterer Facebook Button darüber, sodaß es aussieht, als ob der Button sich herausschiebt. Wie kann ich diesen Vorgang langsam ablaufen lassen. Bin ich hier mit meinem Ansatz am richtigen Weg?
HTML
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
#sys_facebook {
background-image: url("http://www.rachbauer.org/guggis/images/facebook.png");
background-position: 0 0;
text-decoration: none;
height: 60px;
width: 60px;
z-index: 999;
}
#sys_facebook:hover {
background-position: 0 59px;
}
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000" height="550px">
<a id="sys_facebook" target="_blank" href="https://de-de.facebook.com/" title="Facebook" style="position:fixed; right:2px; bottom:300px;"></a>
</body>
</html>
Alles anzeigen