Alles wo nach dem // steht ist eine Notiz!


Buttons:
.btn-at         // Produktfilter Button
.btn-detail     // Details Button
.btn-buy        // Kauf Button
.btn-amazon-cart { background-color:#000000; color: #FFFFFF; } // Warenkorb Button | Farbe des Warenkorb Buttons ändern

:hover              // Wenn du mit der Maus über einen Button fährst

{ border-radius: 10px 0px 0px 0px; }        // Abrundung (Eckig oder Rund)

{ border: 3px solid #FFFFFF; }          // Rahmen | 3px: Breite | solid: TYP | FARBE #FFFFFF Farbe | Link zu den Rahmen: http://www.w3schools.com/cssref/playit.asp?filename=playcss_border-style&preval=none



animation-name: blinkbutton;
animation-duration: 3s;                 // Hier gibst du die Dauer der Animation an! Möchtest du z.B. 0,5 sek, schreibe 0.5
animation-iteration-count: infinite;    // infinite bedeutet, dass es nie aufhört wenn du es z.B. 10 mal wiederholen möchtest schreibst du         animation-iteration-count: 10;

@keyframes blinkbutton {
    0%   {background-color:#ffffff; }
    50%  {background-color:#000000; }
    100%   {background-color:#ffffff; }
}