Mozgó háttér a linkelt képnek
Kód
Amit kiemeltem a kódban, ott tudod a háttérképeket kicserélni.
<style type="text/css">
a:link img, a:visited img {
background-color: #ffffff;
border: 0px;
box-shadow: none;
filter: alpha(opacity=100); /* Kép elhalványítása */
opacity: 10; /* Kép elhalványítása */
background: url('//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1341329024_93.gif');
background-position: top right;
margin: 0px;
-moz-transition-property: background-position;
-moz-transition-duration: 5s;
-webkit-transition-property: background-position;
-webkit-transition-duration: 5s;
-o-transition-property: background-position;
-o-transition-duration: 5s;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-webkit-transition: .5s ease-in;
-moz-transition: .5s ease-in;
border-radius: 0px;
opacity: 0.80;
padding: 5px;
}
a:hover img {
cursor: default;
background-color: #ffffff;
border: 0px;
box-shadow: none;
filter: alpha(opacity=80); /* Kép elhalványítása */
opacity: .8;
background: url('//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1278846687_42.jpg');
background-position: bottom left;
padding: 5px;
margin: 0px;
-moz-transition-property: background-position;
-moz-transition-duration: 5s;
-webkit-transition-property: background-position;
-webkit-transition-duration: 5s;
-o-transition-property: background-position;
-o-transition-duration: 5s;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-webkit-transition: .5s ease-in;
-moz-transition: .5s ease-in;
border-radius: 0px;
opacity: 0.99;
} </style>
<a href="//aranymeli.gportal.hu"><img alt="" src="//lindadesign-icons.gportal.hu/portal/lindadesign-icons/image/gallery/1309113267_25.png" style="width: 100px; height: 100px;" /></a> <a href="//aranymeli.gportal.hu"><img alt="" src="//lindadesign-icons.gportal.hu/portal/lindadesign-icons/image/gallery/1331801816_85.jpg" style="width: 100px; height: 100px;" /></a> <a href="//aranymeli.gportal.hu"><img alt="" src="//lindadesign-icons.gportal.hu/portal/lindadesign-icons/image/gallery/1287312319_53.png" /></a></p>
|