Zadanie: Zrób przycisk, który pulsuje oraz blok, który po najechaniu płynnie zmienia kolor i rozmiar.
@keyframes btnpuls {
0% { transform: scale(1);}
50% { transform: scale(1.08);}
100% { transform: scale(1);}
}
.pulsujacy {
background: #e54f2b;
color: #fff;
padding: 13px 20px;
border-radius: 10px;
animation: btnpuls 1.2s infinite;
}
.animblok {
background: #3795e0;
transition: width 2s, background 1s;
width: 120px; height:70px;
}
.animblok:hover {
width: 190px;
background: #efd961;
}