Thay Đổi Background Menu Với CSS Gradient Background Animation

21/08/2018
Hôm nay tôi sẽ hướng dẫn các bạn cách thay đổi background menu bằng CSS. Ok đi thẳng vào vấn đề luôn :v

Demo

Các bạn thêm đoạn code sau đây vào trước thẻ ]]></b:skin>

 #header-wrapper {
 
 color: #fff;
 background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
 background-size: 400% 400%;
 -webkit-animation: Gradient 15s ease infinite;
 -moz-animation: Gradient 15s ease infinite;
 animation: Gradient 15s ease infinite;
}

@-webkit-keyframes Gradient {
 0% {
  background-position: 0% 50%
 }
 50% {
  background-position: 100% 50%
 }
 100% {
  background-position: 0% 50%
 }
}

@-moz-keyframes Gradient {
 0% {
  background-position: 0% 50%
 }
 50% {
  background-position: 100% 50%
 }
 100% {
  background-position: 0% 50%
 }
}

@keyframes Gradient {
 0% {
  background-position: 0% 50%
 }
 50% {
  background-position: 100% 50%
 }
 100% {
  background-position: 0% 50%
 }
} 


Thay #header-wrapper
thành class hoặc id menu của bạn.

Thích sống một mình, tự lập không cần dựa vào người khác. Đó là cách sống của tôi.

avatar

Màu quá cũng ko đẹp mô cụ ơi

delete 14:44 21 tháng 8, 2018
avatar

Theo sở thích mỗi người :)

delete 14:53 21 tháng 8, 2018
avatar

màu mè tùy sở thích mỗi người :v

delete 14:58 21 tháng 8, 2018
avatar

màu chạy nhanh quá :V
nhưng mà đẹp
khi nào ra bài đổi màu chân trang đi :V

delete 15:58 21 tháng 8, 2018
avatar

Tìm id or class footer là được, vẫn dùng code trên

delete 16:07 21 tháng 8, 2018
avatar

hế lô anh ơi :D
https://www.leanhduc.xyz/2018/08/event-1000000-view-mon-qua-nho-nho.html

delete 22:08 21 tháng 8, 2018
avatar

nó làm giảm tốc độ load :V nên để đơn giản là tốt nhất

delete 10:50 22 tháng 8, 2018
avatar

theme chất vkl , hóng admin Qúy share

delete 17:03 22 tháng 8, 2018
avatar

Bên nguyendienblog.ooo có share đó

delete 17:10 22 tháng 8, 2018
avatar

Cái này hôm bữa tôi đưa thì phải

delete 17:38 22 tháng 8, 2018
avatar

đẹp gheeeeeeeeeeeeeeeeeee :3

delete 19:48 22 tháng 8, 2018
avatar

hello :D ra bài mới đi ông tui hóng :D

delete 17:41 23 tháng 8, 2018
avatar

cho tôi xin cái temp này với :(
chờ mãi bên kia chưa gửi :(
https://www.nguyendienblog.ooo/2018/08/chia-se-template-park-edited.html
- gmail: www.checkpass.com@gmail.com

delete 18:05 23 tháng 8, 2018
avatar

Hóng đi, bây giờ bận vl =)

delete 18:47 23 tháng 8, 2018
avatar

temp bên diện ý ông :
https://www.nguyendienblog.ooo/2018/08/chia-se-template-park-edited.html
nó css bố cục rồi á

delete 23:14 23 tháng 8, 2018
avatar

send link fb send cho :v mail lms á

delete 09:59 24 tháng 8, 2018
avatar

fb die đang phải đi sài ké nè ông :(

delete 14:49 24 tháng 8, 2018
avatar

anh chỉnh lại cái https đi...em thấy nó ko có màu xanh

delete 22:26 24 tháng 8, 2018
avatar

Chả biết lỗi gì mặc dù đã fix các link thành https rồi

delete 11:04 25 tháng 8, 2018
avatar

do js đã bị mã hóa hoặc là người dùng nặc danh comment ...thiết nghĩ klaf vậy đó haha

delete 21:23 25 tháng 8, 2018
avatar

a ơi, còn lk không cho e 1 chỗ với <3
https://adminthaoxamlone.blogspot.com

delete 12:01 29 tháng 8, 2018
avatar

Xin link temp gốc về mod chơi

delete 11:38 30 tháng 8, 2018
avatar

Template đẹp gheeeeeeeeeeeee

delete 18:36 30 tháng 8, 2018
avatar

hay lắm bạn hiền :)
PS: giúp tôi 1 liên kết nhé "click vào đầy"

delete 17:07 8 tháng 9, 2018



Emoticon