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:

 Copy

.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