Yeni Focus Temasını Keşfedin
📌2 Senelik Yolculuğumuzda 1.000.000m+ Ham Görüntüleme İçin Teşekkürler. İyi ki varsınız! 🙏🏻
Discord sunucumuza tüm üyelerimiz davetlidir! ✨(Link)
  • Discord ile Kayıt Aktif | Onaylı Üyelik
    Forumdan daha fazla yararlanmak için, Discord ile kaydolun ve daha ayrıcalıklı olun 👑
  • Telegram ile Kayıt Aktif | Onaylı Üyelik
    Forumdan daha fazla yararlanmak için, Telegram ile kaydolun ve daha ayrıcalıklı olun 👑

CSS Renk Değiştiren Border-Çerçeve (Animasyon) Nasıl Yaparım ?

CSS Renk Değiştiren Border-Çerçeve (Animasyon) Nasıl Yaparım ?

ProxyXF ProxyXF - #1
Tam Çerçeve İçin Bunu kullanın:

HTML: 
<p class="proxy_anim_border">Selamlar! Sadece 1 Test</p>

CSS: 
.proxy_anim_border {
  display:inline-block;
  border: 3px solid #9ae2ff;
  border-radius: 4px;
  animation-name: blinking2;
  animation-duration: 1s;
  animation-iteration-count: 100;
}

@keyframes blinking2 {
  50% {
    border-color: #ffcd5f;
  }
}

Bottom Border İçin Bunu Kullanın:

HTML: 
<p class="proxy_anim_border2">Selamlar! Sadece 1 Test</p>

CSS: 
.proxy_anim_border2 {
  display:inline-block;
  border-bottom: 10px solid #9ae2ff;
  animation-name: blinking3;
  animation-duration: 1s;
  animation-iteration-count: 100;
}

@keyframes blinking3 {
  50% {
    border-color: #ffcd5f;
  }
}
Cedric Cedric - #2
Elinize sağlık
Jumboo991 - #3
Sağolun fav ekledim bir ara lazım olur
Feodal Feodal - #4
Bilgi için teşekkürler.
URL: https://www.sadece1.com//konular/css-renk-degistiren-border-cerceve-animasyon-nasil-yaparim.1894/

Discord Sunucumuz

Üst