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

  • engineerguy

    engineerguy

    10 Ocak 2010
  • LAHWF

    LAHWF

    5 Kasım 2009
  • snookie77

    snookie77

    2 Mart 2006

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR