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.


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!