Css ,Angular

0

.wybor1 {
margin:25px;
width: 350px;
height: 100px;
float: left;
border:2px solid;
border-image: linear-gradient(150deg, rgb(48, 2, 252),rgb(255, 68, 0));
border-image-slice: 1;
background-image: url(../assets/img/wybor1.jpg);
position: relative;
left:0;
top:0;
}

.wybor1:hover{
transform: scale(1.08);
transition-duration: 0.6s;
transition-delay: 0.3s;
cursor:pointer;
font-size:35px;
color:rgb(243, 194, 61);
text-align: left;
text-transform: uppercase;
text-shadow: 3px 4px 10px rgb(121, 24, 248);
filter: url(../assets/img/wybor1.jpg) grayscale(50%);
left:13.5px;
top:0.11em;
}

Kod z cssa , tworzy prostą animacje powiększenia diva , Jak zrobić gdy kursor juz nie bedzie na divie ,nastepnie powstanie animacja zminiejszenia diva do standardowej wielkości ?

0

Angular ma animacje sam w sobie+paczki, nie ma potrzeby szarpać się z pongliszem css.

1 użytkowników online, w tym zalogowanych: 0, gości: 1