Avatar Mouseover Effekt ( Zoom )

    • Avatar Mouseover Effekt ( Zoom )

      sa-sponsor WBB-Tutorials schrieb:

      Mit diesem CSS Scchnipsel gibt es eineZoomefekt beim überfahren des Avatars.

      CSS-Quellcode

      1. .message .messageSidebar .userAvatar > a > img {
      2. -webkit-transition-duration: 0.8s;
      3. -moz-transition-duration: 0.8s;
      4. -o-transition-duration: 0.8s;
      5. transition-duration: 0.8s;
      6. -webkit-transition-property: -webkit-transform;
      7. -moz-transition-property: -moz-transform;
      8. -o-transition-property: -o-transform;
      9. transition-property: transform;
      10. overflow:hidden;
      11. }
      12. .message .messageSidebar .userAvatar > a > img:hover {
      13. -webkit-transform:scale(1.6);
      14. -moz-transform:scale(1.6);
      15. -o-transform:scale(1.6);
      16. }
      Alles anzeigen
      Quelle: sa-sponsor.net/index.php?threa…ar-mouseover-effekt-zoom/




      Mit freundlichen Grüßen
      best regards
      Marcel Solich


      SERVER-MSH
      Management, Development & Customer Support
      Homepage: SERVER-MSH

      „Wir sind doch ständig in Gefahr zu sterben. Wir sind uns dessen nur nicht bewusst.“
      Eduard Delius † 2013