CSS Transition

CSS Transition

Animationseffekte mit CSS3

CSS3 Transition Animationseffekte

CSS Transition

.examplebox {background: #0f0;}

.examplebox:hover {
    padding: 20px;
    border-radius: 30px;
    background: #f0f;
    font-size: 30px;
    color: #fff;

    -moz-transition: all 1.5s ease;
    -webkit-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease;
}

Beispiel:

CSS Transition

CSS Transition mit Delay

.examplebox.delay:hover {
    -moz-transition: all 1.5s ease .5s;
    -webkit-transition: all 1.5s ease .5s;
    -o-transition: all 1.5s ease .5s;
    transition: all 1.5s ease .5s;
}

Beispiel:

CSS Transition mit Delay
Impressum