Membuat Diagonal Stripes Pattern CSS

Membuat Diagonal Stripes Pattern CSS

Kali ini saya akan berbagi tutorial untuk membuat diagonal stripes menggunakan css. Seperti yang Anda lihat di sidebar blog ini, background judul dari widget menggunakan pattern garis miring. Nah, bagaimana cara membuatnya?

Silahkan tambahkan kode berikut pada CSS Anda:

#sidebar-wrapper .widget-title {
    position: relative;
    text-transform: uppercase;
    background: -webkit-repeating-linear-gradient(145deg, #fafafa, #fafafa 10px, #fff 10px, #fff 20px);
    background: repeating-linear-gradient(-55deg, #fafafa, #fafafa 10px, #fff 10px, #fff 20px);
    border-top: 1px solid #E6E5E5;
    border-right: 1px solid #E6E5E5;
    border-left: 1px solid #E6E5E5;
}