Note: Chào mừng bạn đến với Thư Viện Mở. Hãy Đăng ký thành viên hoặc Đăng nhập để có thể tham gia cùng Thư Viện Mở nhé !

You are not connected. Please login or register

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

1default [Share] Thay đổi background liên tục on Fri Sep 21, 2012 1:12 am

  • Admin

Chèn trên cùng css:

Code:
body
{
background: url('https://dl.dropbox.com/u/47626020/COO-Style/2x.jpg') no-repeat #FFF fixed;
animation:mybirst 25s infinite;
animation-delay:5s;
-moz-animation-delay:5s; /* Firefox */
-webkit-animation-delay:5s; /*Safari and Chrome */
-moz-animation:mybirst 25s infinite; /* Firefox */
-webkit-animation:mybirst 25s infinite; /* Safari and Chrome */
}

@keyframes mybirst

{
0%  {background: url('https://dl.dropbox.com/u/47626020/MS_mercedes_wallpaper_1600x1200.jpg') no-repeat #FFF fixed;}
33%  {background: url('https://dl.dropbox.com/u/47626020/COO-Style/2x.jpg') no-repeat #FFF fixed;}
66%  {background: url('https://dl.dropbox.com/u/47626020/maplestory_wallpaper_05_1600x1200.jpg') no-repeat #FFF fixed;}
100% {background: url('https://dl.dropbox.com/u/47626020/MS_mercedes_wallpaper_1600x1200.jpg') no-repeat #FFF fixed;}

}

@-moz-keyframes mybirst /* Firefox */

{
0%  {background: url('https://dl.dropbox.com/u/47626020/MS_mercedes_wallpaper_1600x1200.jpg') no-repeat #FFF fixed;}
33%  {background: url('https://dl.dropbox.com/u/47626020/COO-Style/2x.jpg') no-repeat #FFF fixed;}
66%  {background: url('https://dl.dropbox.com/u/47626020/maplestory_wallpaper_05_1600x1200.jpg') no-repeat #FFF fixed;}
100% {background: url('https://dl.dropbox.com/u/47626020/MS_mercedes_wallpaper_1600x1200.jpg') no-repeat #FFF fixed;}

}

@-webkit-keyframes mybirst /* Safari and Chrome */

{
0%  {background: url('https://dl.dropbox.com/u/47626020/MS_mercedes_wallpaper_1600x1200.jpg') no-repeat #FFF fixed;}
33%  {background: url('https://dl.dropbox.com/u/47626020/COO-Style/2x.jpg') no-repeat #FFF fixed;}
66%  {background: url('https://dl.dropbox.com/u/47626020/maplestory_wallpaper_05_1600x1200.jpg') no-repeat #FFF fixed;}
100% {background: url('https://dl.dropbox.com/u/47626020/MS_mercedes_wallpaper_1600x1200.jpg') no-repeat #FFF fixed;}

}



Cảm ơn mọi người đã chia sẻ tài liệu cùng admin
Like fanpage của diễn đàn giúp mình nhé!
[You must be registered and logged in to see this link.]

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết

 
  • Free forum | © PunBB | Free forum support | Liên hệ | Report an abuse | Sosblogs.com