Tìm thấy 1 mục

[Code] Thay Background liên tục

Demo:
Topics tagged under background on Diễn Đàn Hỗ Trợ FM  RJDGXrO

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;}

    }



Tags: #code #hình-ảnh #background #nền #hình #css