SORU
19 Aralık 2012, ÇARŞAMBA

CSS3 animasyonlar ile yanıp etiketi taklit

Gerçekten metin bir parça javascript veya metin-dekorasyon kullanmadan eski okul tarzı yanıp yapmak istiyorum.

Hayır geçişler,*, **, *blink*! göz kırpma sadece *blink

CEVAP
15 NİSAN 2013, PAZARTESİ

Orijinal Netscape <blink> 80% görev döngüsü vardı. Bu gerçek <blink> sadece metin etkilese de çok yakın geliyor:

    .blink {
      animation: blink 1s steps(5, start) infinite;
      -webkit-animation: blink 1s steps(5, start) infinite;
    }
    @keyframes blink {
      to {
        visibility: hidden;
      }
    }
    @-webkit-keyframes blink {
      to {
        visibility: hidden;
      }
    }
This is <span class="blink">blinking</span> text.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:
HtmlCssCss3Css AnimasyonlarCss-animationsGöz KırpmaBlink

AYNI ETİKETTEKİ VİDEOLAR

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Elliot Davin

    Elliot Davin

    28 Kasım 2008
  • Justin Schenck

    Justin Schen

    24 Kasım 2006
  • Sam Kear

    Sam Kear

    14 Temmuz 2007

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR