CSS text-indent animasyon

Aralık 09, 2015

htmlvecssegitimi.blogspot.com

Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz.

KAYNAK KODLARI	SONUÇ EKRANI
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <style> #kutu-1 { width:200px; height:200px; background-color: yellow; border: 1px ridge gray; -webkit-animation: animasyonismi 8s infinite; animation: animasyonismi 8s infinite; } @-webkit-keyframes animasyonismi { 50% {text-indent: 40px;} } @keyframes animasyonismi { 50% {text-indent: 40px;} } </style> </head> <body> <strong>css text-indent animasyon örnek</strong> <br /> <div id="kutu-1"> Bu yazdığımız paragrafın ilk kelimesinin sayfanın solundan ne kadar içeride başlayacağını ,mesafesini ayarlayabilmemizi sağlayan bir özelliktir.Bu yazdığımız paragrafın ilk kelimesinin sayfanın solundan ne kadar içeride başlayacağını ,mesafesini ayarlayabilmemizi sağlayan bir özelliktir.. </div> <em style="color:red;">css text-indent </em>özelliği ile paragraf girintisinin uzaklağı ayarlanabilir. <br /> <u style="color:blue;"> css text-indent</u> özelliğinin animasyon özelliği vardır. <p style="color:green;"><b>Hatırlatma:</b> internet explorer 9 ve önceki versiyonları CSS animasyon özellikleri desteklemez !</p> </body> </html>

KAYNAK KODLARI

SONUÇ EKRANI

<!DOCTYPE html>
<html>

<body>
  <strong>css text-indent animasyon örnek</strong>
  <br />

<div id="kutu-1">
    Bu yazdığımız paragrafın ilk kelimesinin sayfanın solundan ne kadar içeride başlayacağını ,mesafesini ayarlayabilmemizi sağlayan bir özelliktir.Bu yazdığımız paragrafın ilk kelimesinin sayfanın solundan ne kadar içeride başlayacağını ,mesafesini ayarlayabilmemizi
    sağlayan bir özelliktir..
  </div>
  <em style="color:red;">css text-indent </em>özelliği ile paragraf girintisinin uzaklağı ayarlanabilir.
  <br />
  <u style="color:blue;"> css text-indent</u> özelliğinin animasyon özelliği vardır.
  <p style="color:green;"><b>Hatırlatma:</b> internet explorer 9 ve önceki versiyonları CSS animasyon özellikleri desteklemez !</p>

</body>

</html>

Bu Blogda Ara

Html5 , CSS3 ve Javascript Dersleri

CSS text-indent animasyon

htmlvecssegitimi.blogspot.com

HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

İnternetten Para Kazanmanın Yolları -İnternetten Para Kazandıran Siteler -İnternetten Nasıl Para Kazanılır

CSS padding-top Örnek

Javascript Derslerine Giriş

HTML rp Etiketi

HTML link Etiketi

CSS3 animation-iteration-count Örnek

Html dersleri

Web Sitenizden Çok Para Kazanin

İnternetten hangi alanlarda para kazanılır?-İnternetten para kazanmanın yolları

CSS top Özelliği