Header Animation

    • Header Animation

      Hallo,

      Ich gebe grundsätzlich immer gerne Ideen & Möglichkeiten weiter ...
      Was macht der CSS Code?
      Dieser Code verbessert das Header-Banner mit einer schönen Animation.
      Viel Spaß damit ..

      Quellcode

      1. /* Animation Logo */
      2. .logo img {
      3. -webkit-transition: all 0.3s ease-in-out;
      4. -moz-transition: all 0.3s ease-in-out;
      5. -o-transition: all 0.3s ease-in-out;
      6. -ms-transition: all 0.3s ease-in-out;
      7. }
      8. .logo img:hover {
      9. -webkit-transform: rotate(-5deg) scale(0.9);
      10. -moz-transform: rotate(-5deg) scale(0.9);
      11. -o-transform: rotate(-5deg) scale(0.9);
      12. -ms-transform: rotate(-5deg) scale(0.9);
      13. }
      Alles anzeigen
    • Schau dir mal das erste E an wenn die Ani. zu ende ist, das ist leider nicht ganz zu sehen, dieses würde ich nochmal abändern.
      Nur ein gut gemeinter Tipp an die User
      Bitte achtet bei Arbeiten die euch hier von einem nicht verifiziertem Grafiker angeboten werden, ob ihr diese auch für eure Zwecke so nutzen könnt!
      Lasst euch die einzelnen Grafiken geben und prüft diese selber nochmal auf ihre Lizenzen, nicht nur auf einer Seite bitte.
      Lasst euch, wie es auch üblich ist einen Lizenzvertrag geben, aus dem hervorgeht das die Grafiken KOMPLETT frei zu verwenden sind und dass ihr das uneingeschränkte Nutzungsrecht habt, solange ihr dieses nicht habt ist es NICHT eure Grafik.
      Am besten haltet ihr in diesem Fall auch gleich fest, dass Grafiker bei Problemen mit eventuellen Rechteinhabern in Regress genommen wird.
      Macht dieses bitte SCHRIFTLICH!
      Ansonsten könntet ihr ggf. Probleme bekommen, denn ein Forenbeitrag ist schnell gelöscht und man kann nicht mehr nachhalten, wer die Grafik gemacht hat.

      Leider achtet hier nicht jeder Grafiker darauf was er dem User anbietet ;)