Smoothe Farbänderung

  • Meinst du nen Farbverlauf?
    Wenn ja:

    CSS-Quellcode

    1. background: -moz-linear-gradient(#cb3425, #9b281e);
    2. background: -ms-linear-gradient(#cb3425, #9b281e);
    3. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cb3425), color-stop(100%, #9b281e));
    4. background: -webkit-linear-gradient(#cb3425, #9b281e);
    5. background: -o-linear-gradient(#cb3425, #9b281e);
    6. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cb3425', endColorstr='#9b281e');
    7. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#cb3425', endColorstr='#9b281e')";
    8. background: linear-gradient(#cb3425, #9b281e);

    Sollte Firefox, Webkit(Safari & Chrome), Opera & IE sein. Farben austauschen schaffste wohl selbst^^

  • Ah ok jetzt versteh ich was du meinst. Das kannst du mit transition machen. Versuchs mal so:

    CSS-Quellcode

    1. div {
    2. background-color: red;
    3. -webkit-transition: background-color .18s;
    4. -moz-transition: background-color .18s;
    5. -ms-transition: background-color .18s;
    6. -o-transtion: background-color .18s;
    7. transition: background-color .18s;
    8. }
    9. div:hover {
    10. background-color: green;
    11. }
    Alles anzeigen