Zum Hauptinhalt springen

Internet Blog

Vielleicht ist etwas für euch dabei

CSS Animation mit Transition

Veröffentlicht am: 05.12.2019

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;  
}