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

Sunnybrother
2
[CSS3] - chia sẻ code tự động thay đổi màu nền trang web hoặc blogspot.
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

HƯỚNG DẪN BÌNH LUẬN

2 Nhận xét

  1. bạn có code đổi hình nền trang được không bạn, của mình muốn đổi hình nền cả trang mà không được

    Trả lờiXóa
    Trả lời
    1. body{background:#eee}
      - thay #eee thành màu nền của bạn

      Xóa
Đăng nhận xét

#buttons=(Thanks!) #days=(7)

À mình có làm website tăng tương tác MXH giá rẻ. Mọi người nếu cần thì ghé sử dụng các dịch vụ thử nha. Ghé xem dịch vụ
Ok, Go it!

HƯỚNG DẪN BÌNH LUẬN

Chèn link

Sử dụng công cụ Tạo link

Chèn hình ảnh

LINK_ANH - sử dụng công cụ upload ảnh. Và chỉ cần lấy link ảnh chèn vào bình luận là ảnh tự động hiển thị.

Định dạng chữ

<b>Chữ in đậm</b>
<i>Chữ in nghiêng</i>
<u>Chữ gạch chân</u>
<strike>Chữ gạch ngang</strike>

Chèn một đoạn Code

Đầu tiên sử dụng công cụ này để mã hóa đoạn code muốn chèn.
Sau đó dùng thẻ [code] CODE_ĐÃ_MÃ_HÓA [/code]

Khác

Nhập Email bạn hay dùng để nhận thông báo khi mình trả lời bình luận của bạn.
Vui lòng không nhập bất kỳ Liên kết Spam nào trong hộp nhận xét.
Tích vào ô "Thông báo cho tôi" để nhận thông báo nội dung phản hồi của bình luận.
Chèn emoji: Nhấn tổ hợp phím “Windows + . (dấu chấm)”

Đã hiểu