Hallo Gemeinde,
eine Frage an die Cracks: Wenn man neuerdings auf swr3.de geht und man über die Bilder zu den Artikeln streicht (mouseover), dann zoomen und drehen diese sich ganz leicht ein.
Ich habe verzeifelt nach dem Code dazu gesucht, aber keinen passenden gefunden.
Kennt jemand von euch eine Möglichkeit? Quelltext würde reichen - kann ich ggf. selbst ins Artikelsystem einflechten... .
Wäre klasse.
DANKE!
Vollansicht: Mouseover-Effekt
ZITAT(webmasterFF @ Tue. 5. November 2013, 08:34) 
Hallo Gemeinde,
eine Frage an die Cracks: Wenn man neuerdings auf swr3.de geht und man über die Bilder zu den Artikeln streicht (mouseover), dann zoomen und drehen diese sich ganz leicht ein.
Ich habe verzeifelt nach dem Code dazu gesucht, aber keinen passenden gefunden.
Kennt jemand von euch eine Möglichkeit? Quelltext würde reichen - kann ich ggf. selbst ins Artikelsystem einflechten... .
Wäre klasse.
DANKE!
eine Frage an die Cracks: Wenn man neuerdings auf swr3.de geht und man über die Bilder zu den Artikeln streicht (mouseover), dann zoomen und drehen diese sich ganz leicht ein.
Ich habe verzeifelt nach dem Code dazu gesucht, aber keinen passenden gefunden.
Kennt jemand von euch eine Möglichkeit? Quelltext würde reichen - kann ich ggf. selbst ins Artikelsystem einflechten... .
Wäre klasse.
DANKE!
Also bei mir zoomt nix auf swr3, welche Seite denn genau?
Aber wenn Du solche Scripts suchst, wirst Du auf Dynamicdrive bestimmt fündig:
http://www.dynamicdrive.com/dynamicindex4/
Grüße, Sky
Hi,
wenn man über die Artikelbilder streicht, dann zoomen die leicht aus und drehen sich um etwa 15 Grad... (s. Bild)
wenn man über die Artikelbilder streicht, dann zoomen die leicht aus und drehen sich um etwa 15 Grad... (s. Bild)
ZITAT(webmasterFF @ Tue. 5. November 2013, 10:08)
Hi,
wenn man über die Artikelbilder streicht, dann zoomen die leicht aus und drehen sich um etwa 15 Grad... (s. Bild)
wenn man über die Artikelbilder streicht, dann zoomen die leicht aus und drehen sich um etwa 15 Grad... (s. Bild)
Bei mir dreht sich immer noch nix??? Habe Java deaktiviert, vielleicht liegts´s daran ...
Kann eigentlich nur Java oder Ajax sein.
@webmasterFF
Der Effekt ist mit CSS3 realisiert worden. Hier der entsprechende Code aus der Seite:
Der Effekt ist mit CSS3 realisiert worden. Hier der entsprechende Code aus der Seite:
QUELLTEXT
.teaser .image{
float:left;
margin:0 13px 10px 0;
overflow:hidden
}
.teaser .image img{
-webkit-transition:all .3s ease 0s;
-moz-transition:all .3s ease 0s;
-ms-transition:all .3s ease 0s;
-o-transition:all .3s ease 0s;
transition:all .3s ease 0s
}
.teaser .image:hover img{
-webkit-transform:scale(1.05) rotate(-1deg);
-moz-transform:scale(1.05) rotate(-1deg);
-ms-transform:scale(1.05) rotate(-1deg);
-o-transform:scale(1.05) rotate(-1deg);
transform:scale(1.05) rotate(-1deg)
}
float:left;
margin:0 13px 10px 0;
overflow:hidden
}
.teaser .image img{
-webkit-transition:all .3s ease 0s;
-moz-transition:all .3s ease 0s;
-ms-transition:all .3s ease 0s;
-o-transition:all .3s ease 0s;
transition:all .3s ease 0s
}
.teaser .image:hover img{
-webkit-transform:scale(1.05) rotate(-1deg);
-moz-transform:scale(1.05) rotate(-1deg);
-ms-transform:scale(1.05) rotate(-1deg);
-o-transform:scale(1.05) rotate(-1deg);
transform:scale(1.05) rotate(-1deg)
}
Krass !
DANKE
DANKE
Dieses ist eine vereinfachte Darstellung unseres Foreninhaltes. Um die detaillierte Vollansicht mit Formatierung und Bildern zu betrachten, bitte hier klicken.