Bu cevap, konu sahibi tarafından kabul edilebilir bir cevap olarak işaretlendi.
Hocam bu benim istediğim şeye benzer bir şey fakat bu değil. Yani belki de budur fakat ben yapamıyorum. keyframes'te border ekleyemiyorum ve onu renklendiremiyorum. Bir sürü kaynağa baktım herkes ya width height değerini değiştirip renklendirmiş ya da büyütüp küçültmüş.
Buyrun örnek basit bir şey paylaşıyorum.
li:last-child {
border: 2px solid red;
animation: 1s anim linear;
}
@keyframes anim {
0% {
border: 2px solid red;
}
25% {
border: 2px solid green;
}
50% {
border: 2px solid blue;
}
75% {
border: 2px solid green;
}
100% {
border: 2px solid red;
}
}