• ✅ (Đã xác minh)
  • Code tự động thay đổi màu nền trang web

    Nói cách khác, chúng sẽ tự động thay đổi Màu nền của trang web mà không cần sử dụng bất kỳ Javascript nào.

    [CSS3] Code tự động thay đổi màu nền trang web

    Vì màu nền sẽ tự động thay đổi nên mình không thể để ảnh demo trực tiếp ở đây. Nhưng các bạn yên tâm vì nó rất dễ để sử dụng cũng như bỏ đi.

    Code tự động thay đổi màu nền trang web

    Thực hiện: các bạn chèn đoạn code sau vào trước thẻ đóng /body
    <style>
    body {
      width:100%;
      height:100%;
      color:black;
      font-weight:bold;
      animation: myanimation 10s infinite;
    }
    @keyframes myanimation {
      0% {background-color: red; }
      25%{background-color: yellow; }
      50%{background-color: green; }
      75%{background-color: brown; }
      100% {background-color: red; }
    }
    </style>
    Sau đó lưu lại và xem kết quả.

    Nếu như các bạn đã biết về code một tí thì có thể thay mã màu hoặc % hiển thị màu theo ý bạn rồi.
    Thời gian đảo màu là 10s. Nếu bạn muốn tăng giảm thì thay 10 bằng con số tùy thích của bạn.

    Đây là một bài viết chia sẻ về code css khá đơn giản. Mong rằng sẽ giúp ích khi bạn cần. Các bạn có thể để lại bình luận yêu cầu hổ trợ nếu như chưa hiểu về nó, mình sẽ hổ trợ nhanh nhất có thể cho các bạn. Cám ơn đã ghé xem!

    Đăng nhận xét

    Cùng chuyên mục

    Service & High Quality Anh Trai Nang Blogger

    Powered by BFGMedia

    Chuyên dịch vụ dành cho blogspot
    và truyền thông

    Google Fonts

    Integrated with 100+ Google Fonts on the Blogger Template Designer

    Unlimited Sidebars

    Make your own sidebar with our high quality blogger templates

    Font Awesome

    More than 1000 icons

    Exclusive Documentation

    Easy & Exclusive Documentation

    Unlimited Colors

    Customize the Skin of the template with Unlimited Color Options

    Google Analytics

    Place your Tracing Code like Google Analytics Only in few options

    Social Sharing

    100% Compatible with 200+ Social Sharing Websites

    Fully Responsive

    Full Compatibility with all Devices like Mobile, Tablet and Desktop

    No Coding Required

    Customize your Website with No Coding Knowledge Required