0
Kayıt Ol

Yazılım bilgisi olan bakabilir mi ?

4

●

116

  • 17-06-2024, 13:05:59
    #1
    Smmmedya
    Smmmedya
    Merhaba bir butonum var ben bunun arka planının yanıp sönmesini istiyorum biraz araştırma yaptım istediğim şekilde birşey buldum fakat ben bunun arka planının yanıp sönmesini istiyorum butonun üzerindeki yazıda yanıp sönüyor nasıl birşey yapabilirim yazının sabit kalması için. https://codepen.io/Tion-Soft/pen/bGyamyR
    Bulduğum şey bu
  • Kabul Edilen Cevap
    • bayek
      1 Beğeni
      Mesaja Git
      CSS kısmının tümünü şununla değiştirin;
      @keyframes blink { 
  0% { background-color: rgba(0, 0, 255, 1); } 
  50% { background-color: rgba(0, 0, 255, 0); } 
  100% { background-color: rgba(0, 0, 255, 1); }
  }
.r { 
  background: blue; 
  color: #000000; 
  animation: blink 1s infinite;}
  • 17-06-2024, 13:11:55
    #2
    hkarpat
    hkarpat 

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Yanıp Sönen Buton</title>
    <style>
        @keyframes flash {
            0% {
                background-color: red;
            }
            50% {
                background-color: yellow;
            }
            100% {
                background-color: red;
            }
        }

        .flashing-button {
            padding: 10px 20px;
            border: none;
            color: white;
            font-size: 16px;
            cursor: pointer;
            animation: flash 1s infinite;
        }
    </style>
</head>
<body>
    <button class="flashing-button">Yanıp Sönen Buton</button>
</body>
</html>
  • 17-06-2024, 13:13:07
    #4
    Bu cevap, konu sahibi tarafından kabul edilebilir bir cevap olarak işaretlendi.
    Misafir
    Misafir
    CSS kısmının tümünü şununla değiştirin;
    @keyframes blink { 
  0% { background-color: rgba(0, 0, 255, 1); } 
  50% { background-color: rgba(0, 0, 255, 0); } 
  100% { background-color: rgba(0, 0, 255, 1); }
  }
.r { 
  background: blue; 
  color: #000000; 
  animation: blink 1s infinite;}
    • Smmmedya
    Smmmedya bunu beğendi.
    1 kişi bunu beğendi.
  • 17-06-2024, 13:20:24
    #5
    Smmmedya
    Smmmedya
    Misafir adlı üyeden alıntı: mesajı görüntüle
    CSS kısmının tümünü şununla değiştirin;
    @keyframes blink {
  0% { background-color: rgba(0, 0, 255, 1); }
  50% { background-color: rgba(0, 0, 255, 0); }
  100% { background-color: rgba(0, 0, 255, 1); }
  }
.r {
  background: blue;
  color: #000000;
  animation: blink 1s infinite;}
    Çok teşekkür ederim.