Arkaplana basit css bulut animasyonu ekleme 3

Başlatan snrj, 01 Ağu 2014 19:31

« önceki - sonraki »

0 Üyeler ve 2 Ziyaretçiler konuyu incelemekte.

*

  1. 3,108

  2. 587

  3. 1001

[IMG]http://i.imgur.com/p6IqJVJ.jpg[/img]

index.css de bul
body
{
background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
margin: 0 auto;
padding: 15px 0;
}

değiştir
body
{

font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
margin: 0 auto;
padding: 15px 0;
    background: #C0DEED url([url]https://abs.twimg.com/images/themes/theme1/bg.png[/url]) center top repeat-x;
    width: 100%;
    animation: body-animasi 10s linear infinite;
    -ms-animation: body-animasi 10s linear infinite;
    -moz-animation: body-animasi 10s linear infinite;
    -webkit-animation: body-animasi 10s linear infinite;
}

@keyframes body-animasi {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 100% 0;
  };
}

@-webkit-keyframes body-animasi {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 100% 0;
  };
}

@-ms-keyframes body-animasi {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 100% 0;
  };
}

@-moz-keyframes body-animasi {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 100% 0;
  };
}


MENU ×