CSS Animation mit Transition
Veröffentlicht am: 05.12.2019
Category: tech
Schöne CSS Animation mit Transition, einfach erstellt und doch sehr effektiv. Kann auch einen Button sehr verschönern und aufpeppen.
Nette CSS Animation mit Transition
langsam → schnell
langsam → langsam
Hier der Code, entdeckt auf selfhtml.de
#div1, #div2 {
width: 10em;
height: 3em;
margin: 1em;
max-width: 80vw;
overflow: hidden;
line-height: 3em;
text-align: center;
background-color: gold;
}
#div1:hover, #div2:hover {
background-color: red;
width: 20em;
}
#div1 {}
#div1:hover {
transition: all ease 2.5s;
}
#div2 {
transition: all ease 2.5s;
}
#div2:hover {}
main#div3 {
transition: all ease 2.5s;
}