Mouseover-Effekt |
Willkommen, Gast ( Anmelden | Registrierung ) [ Hilfe | Mitglieder | Suche ]
Mouseover-Effekt |
Tue. 5. November 2013, 08:34
Beitrag
#1
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 287 Mitglied seit: 14.05.2009 Mitglieds-Nr.: 1.885 |
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! -------------------- Es dankt und grüßt
webmaster FF -------------------- Sefrengo v.1.6.0 ES LEBE SEFRENGO - denn du hast tausende von Möglichkeiten !! |
|
|
Tue. 5. November 2013, 09:51
Beitrag
#2
|
|
Advanced Member Gruppe: Neustart-Moderator Beiträge: 176 Mitglied seit: 03.02.2007 Mitglieds-Nr.: 625 |
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! 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 |
|
|
Tue. 5. November 2013, 10:08
Beitrag
#3
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 287 Mitglied seit: 14.05.2009 Mitglieds-Nr.: 1.885 |
Hi,
wenn man über die Artikelbilder streicht, dann zoomen die leicht aus und drehen sich um etwa 15 Grad... (s. Bild)
Angehängte Datei(en)
-------------------- Es dankt und grüßt
webmaster FF -------------------- Sefrengo v.1.6.0 ES LEBE SEFRENGO - denn du hast tausende von Möglichkeiten !! |
|
|
Tue. 5. November 2013, 12:09
Beitrag
#4
|
|
Advanced Member Gruppe: Neustart-Moderator Beiträge: 176 Mitglied seit: 03.02.2007 Mitglieds-Nr.: 625 |
|
|
|
Tue. 5. November 2013, 12:30
Beitrag
#5
|
|
Advanced Member Gruppe: Admins Beiträge: 507 Mitglied seit: 27.06.2006 Mitglieds-Nr.: 11 |
@webmasterFF
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) } |
|
|
Tue. 5. November 2013, 14:25
Beitrag
#6
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 287 Mitglied seit: 14.05.2009 Mitglieds-Nr.: 1.885 |
Krass !
DANKE -------------------- Es dankt und grüßt
webmaster FF -------------------- Sefrengo v.1.6.0 ES LEBE SEFRENGO - denn du hast tausende von Möglichkeiten !! |
|
|
Vereinfachte Darstellung | Aktuelles Datum: 28.3.24 - 21:25 |