Một số màu Gradient
Trong thiết kế website thì việc chọn tone màu cho website đó cũng rất quan trọng. Và nếu như bạn chán ngắt với những tone màu đơn sắc đơn giản thì tại sao không phối màu cho nó?! Thực ra, nhiều blog đã áp dụng rồi đó nhưng có thể bạn vẫn chưa ưng ý. Chính vì thế mà hôm nay mình đem đến cho các bạn một số màu gradient đang hot hiện nay từ UVDesk, nhìn cũng đẹp lắm.
CÁCH DÙNG:
B1: Xác định phần tử (tức class hoặc id của nó) cần dùng màu. Ví dụ như body (nền toàn bộ blog), khung subscriber (đăng kí nhận bài mới), contact box (khung liên hệ tác giả), sidebar hoặc bất kì phần nào bạn muốn.
B2: Khi xác định được rồi thì thêm CSS theo cú pháp:
.tên_class hoặc #tên_id{background-image: linear-gradient( 135deg, mã_màu_1 10%, mã_màu_2 100%);}
Trong đó, mã_màu_1 là màu bên trên còn mã_màu_2 là màu bên dưới như các hình dưới nhé.
#FDEB71#F8D800
#ABDCFF#0396FF
#FEB692#EA5455
#CE9FFC#7367F0
#90F7EC#32CCBC
#FFF6B7#F6416C
#81FBB8#28C76F
#E2B0FF#9F44D3
#F97794#623AA2
#FCCF31#F55555
#F761A1#8C1BAB
#43CBFF#9708CC
#5EFCE8#736EFE
#FAD7A1#E96D71
#FFD26F#3677FF
#A0FE65#FA016D
#FFDB01#0E197D
#FEC163#DE4313
#92FFC0#002661
#EEAD92#6018DC
#F6CEEC#D939CD
#52E5E7#130CB7
#F1CA74#A64DB6
#E8D07A#5312D6
#EECE13#B210FF
#79F1A4#0E5CAD
#FDD819#E80505
#FFF3B0#CA26FF
#FFF5C3#9452A5
#F05F57#360940
#2AFADF#4C83FF
#FFF886#F072B6
#97ABFF#123597
#F5CBFF#C346C2
#FFF720#3CD500
#FF6FD8#3813C2
#EE9AE5#5961F9
#FFD3A5#FD6585
#C2FFD8#465EFB
#FD6585#0D25B9
#FD6E6A#FFC600
#65FDF0#1D6FA3
#6B73FF#000DFF
#FF7AF5#513162
#F0FF00#58CFFB
#FFE985#FA742B
#FFA6B7#1E2AD2
#FFAA85#B3315F
#72EDF2#5151E5
#FF9D6C#BB4E75
#F6D242#FF52E5
#69FF97#00E4FF
#3B2667#BC78EC
#70F570#49C628
#3C8CE7#00EAFF
#FAB2FF#1904E5
#81FFEF#F067B4
#FFA8A8#FCFF00
#FFCF71#2376DD
#FF96F9#C32BAC
Đăng bởi: Phú Cường Blogger
0 Nhận xét:
Đăng nhận xét
✰ Mọi bình luận sai Nội Quy sẽ bị xoá mà không cần báo trước.
✰ Để chèn biểu tượng cảm xúc,bạn gõ ký tự tương ứng. Xem Tất Cả Icon
✰ Tích vào ô Thông báo cho tôi (Notify me) để nhận thông báo phản hồi của Admin
✰ Không chửi "đéo",không nói bậy, không quảng cmn cáo thông qua khung Comment.
✰ Không được tự ý tắt trang khi chưa xem hết
✰ Và còn nhiều lắm đợi Admin nghĩ ra thêm đã. Cảm ơn!