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

  • Caroline Saquet

    Caroline Saq

    1 EKİM 2011
  • HowToBasic

    HowToBasic

    8 Aralık 2011
  • National Geographic

    National Geo

    7 Mayıs 2006

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR