Rengi Değişen Duyuru Panosu

[Dream41]

Basit bir rengi değişen duyuru panosu yaptım inşallah beğenirsiniz.
Öncelikle demo:

https://codepen.io/dream41/pen/aqoovr

HTML:

Kod: Tümünü Seç Tümünü Kopyala

<div class="duyuru">Duyuru</div>

CSS:

Kod: Tümünü Seç Tümünü Kopyala

.duyuru{
 background:#45E;
 padding:7px;
 color:#fff;
 border-radius:2px;
 box-shadow:0px 2px 2px rgba(0,0,0,0.60);
 font-family:Roboto;
 font-size:16px;
 animation:anime 4s infinite
}

@keyframes anime{
 0%  {background:#65E;}
 20% {background:#70E;}
 30% {background:#80E;}
 40% {background:#90E;}
}

[#Baran]

Ellerinize sağlık,Gayet başarılı bir kodlama olmuş hocam.

[#Raptor]

Başarılı.

[Dream41]

Demo linki güncellendi yorumlar için teşekkürler.

[serkan70]

Bunu sadece ana sayfada en tepede göstermek için ne yapmalıyız.?