CSS3 animation-play-state Örnek

Kasım 28, 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 lang="en-US"> <head> <meta charset="UTF-8"> <title>css animation-play-state örnek ve uygulama</title> <style> div { width: 80px; height: 80px; background: red; color:white; margin:10px; border-radius:10px; box-sizing:border-box; padding-top:26px; text-align:center; font-size:25px; position: relative; -webkit-animation: anismasyondivi 3s; -webkit-animation-play-state: running; animation: anismasyondivi 3s; animation-play-state: running; } @-webkit-keyframes anismasyondivi { from {left: 0px;} to {left: 180px;} } @keyframes anismasyondivi { from {left: 0px;} to {left: 180px;} } </style> </head> <body> <div>EREN</div> <article><b>Hatırlatma:</b> <strong> css animation-play-state</strong> özelliği internet explorer 9 ve önceki versiyonlarında desteklenmiyor..</article> </body> </html>

KAYNAK KODLARI

SONUÇ EKRANI

<!DOCTYPE HTML>
<html lang="en-US">

<head>
  <meta charset="UTF-8">
  <title>css animation-play-state örnek ve uygulama</title>
  <style>
    div {
        width: 80px;
        height: 80px;
        background: red;
     color:white;
     margin:10px;
     border-radius:10px;
     box-sizing:border-box;
     padding-top:26px;
     text-align:center;
     font-size:25px;
        position: relative;
        -webkit-animation: anismasyondivi 3s;  
        -webkit-animation-play-state: running;  
        animation: anismasyondivi 3s;
        animation-play-state: running;
    }
    
    
    @-webkit-keyframes anismasyondivi {
        from {left: 0px;}
        to {left: 180px;}
    }
    
    @keyframes anismasyondivi {
        from {left: 0px;}
        to {left: 180px;}
    }
  </style>
</head>

<body>
  <div>EREN</div>
  <article><b>Hatırlatma:</b> <strong> css animation-play-state</strong> özelliği internet explorer 9 ve önceki versiyonlarında desteklenmiyor..</article>
</body>

</html>

Bu Blogda Ara

Html5 , CSS3 ve Javascript Dersleri

CSS3 animation-play-state Örnek

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

HTML link Etiketi

HTML style Etiketi

HTML map Etiketi

Web Sitenizden Çok Para Kazanin

HTML dialog Etiketi

YouTube Reklam Engelleyici

HTML i Etiketi

HTML hr Etiketi

HTML Dersleri