[Code] Thay Background liên tục

  • vi01239984564
    Demo:

    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



    Được sửa bởi vi01239984564 ngày 31.08.16 19:09; sửa lần 1. (Reason for editing : fix lỗi bbcode)

Thông tin tác giả
avatar
MOD
Bài viết :
78
Points :
172
Like :
16
Invision
An toàn
Xem lý lịch thành viên
Bài viết liên quan
    Đang tải dữ liệu

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