1. Liebe Forumsgemeinde,

    aufgrund der Bestimmungen, die sich aus der DSGVO ergeben, müssten umfangreiche Anpassungen am Forum vorgenommen werden, die sich für uns nicht wirtschaftlich abbilden lassen. Daher haben wir uns entschlossen, das Forum in seiner aktuellen Form zu archivieren und online bereit zu stellen, jedoch keine Neuanmeldungen oder neuen Kommentare mehr zuzulassen. So ist sichergestellt, dass das gesammelte Wissen nicht verloren geht, und wir die Seite dennoch DSGVO-konform zur Verfügung stellen können.
    Dies wird in den nächsten Tagen umgesetzt.

    Ich danke allen, die sich in den letzten Jahren für Hilfesuchende und auch für das Forum selbst engagiert haben. Ich bin weiterhin für euch erreichbar unter tti(bei)pcwelt.de.
    Dismiss Notice

css transform statt hover on load

Discussion in 'Programmieren' started by Obertroll, Aug 31, 2015.

Thread Status:
Not open for further replies.
  1. Obertroll

    Obertroll Byte

    Hallo,

    um ein Bild weich zu zoomen fand ich diesen Code-Schnippsel im Netz.
    Habe mich bis Dato noch nicht mit Transform und Transition auseinandergesetzt.
    Funktioniert auch einwandfrei nach ein paar Anpassungen.

    CSS

    img.zoom {
    transition: transform 1.8s;
    -moz-transition: transform 1.8s;
    -webkit-transition: transform 1.8s;
    -o-transition: transform 1.8s;
    -ms-transition: transform 1.8s;
    }
    img.zoom:hover {
    cursor: zoom-in;
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    transform: scale(10.0, 10.0);
    -moz-transform: scale(10.0, 10.0);
    -webkit-transform: scale(10.0, 10.0);
    -o-transform: scale(10.0, 10.0);
    -ms-transform: scale(10.0, 10.0);
    }

    Ich möchte aber das Bild, wenn die Seite geladen wurde, weich auf seine volle Größe Zoomen und nicht erst bei Mouseover.

    würde mich freuen, wenn mir hier einer weiter helfen könnte
     
    Obertroll, Aug 31, 2015
    #1
  2. Lagon

    Lagon ROM

    Hi Obertroll,

    ich hab bislang auch nur mit den Standardbefehlen der Transitions gearbeitet. Aber du fährst wahrscheinlich besser, wenn du mit jQuery arbeitest. Da findest du auf jeden Fall was. Anleitungen gibt es auch reichlich!
     
    Lagon, Nov 27, 2015
    #2
  3. Obertroll

    Obertroll Byte

    Meine Frage stammt aus dem August 2015 und hat sich längst erledigt.
    Trotzdem, danke für die Anregung.
     
    Obertroll, Nov 27, 2015
    #3
Thread Status:
Not open for further replies.

Share This Page