Code-Schreiber

    In diesem Blog geht es vorrangig um CSS3 Effekte.


    Vorgestellt werden diverse CSS3 Übergänge, Transformationen und Animationen, welche mittels Mouseover bei Bedarf hervorgerufen werden.


    Neben den zahlreichen visuellen Beispielen findest Du auch gleich den dazugehörigen Quellcode.


    Denn kannst Du frei verwenden und natürlich auch modifizieren für was auch immer Du willst.


    CSS3 ist eine wahre Bereicherung. Es erleichtert das Designen von modernen Webseiten, geht schnell, ist effizient und es läßt nicht selten das Besucherherz ein wenig höher schlagen. Mit CSS3 kann man einige nette Effekte ins Leben rufen, wofür man früher zumeist auf Javascript oder Flash zurückgreifen mußte.



    Ein Wort zu Anbieter-Präfixen (vendor prefixes)



    Bevor wir durchstarten, möchte ich Euch eine Übersicht zu den Präfixen verschiedener Anbieter [-webkit-|-moz-|-o-|-ms-] geben, die Du auf dieser Seite finden. Der Grund dafür ist, dass Du nicht alle Präfixe überall einfügen müssen. Zum Beispiel kommt

    Weiterlesen

    Fahrt mit der Maus über das Bild :!:


    Probieren es selbst aus!

    Weiterlesen

    Fahrt mit der Maus über das Bild :!:


    Probieren es selbst aus!

    Weiterlesen

    Fahrt mit der Maus über das Bild :!:


    CSS: Leuchtende Ränder
    1. .bild:hover {
    2. -webkit-box-shadow: 0px 0px 15px 10px rgba(255, 255, 255, .75);
    3. box-shadow: 0px 0px 15px 10px rgba(255, 255, 255, .75);
    4. }
    5. .bild {
    6. -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 185, 233, .75);
    7. box-shadow: 0px 0px 15px 5px rgba(0, 185, 233, .75);
    8. -webkit-transition: all 0.7s ease;
    9. transition: all 0.7s ease;
    10. }

    Probieren es selbst aus!

    Weiterlesen