CSS รูปภาพพื้นหลัง + จาง


background-image + opacity นั่นเอง หรือเรียกเป็นภาษาไทยก็น่าจะ ใส่รูปพื้นหลัง และทำให้มันจางๆ เป็นแบบเขียน CSS 1 div ได้เลย ไม่ต้องเขียนหลาย div

ก็ต้องขอบคุณ StackOverflow อีกแหละ 555

.wave-bg {
    background-image: url('/assets/img/wave.png');
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%,rgba(255, 255, 255, 0.6) 100%), url('/assets/img/wave.png');
    background-size: cover;
}

ใช้เวลาหานานมาก แต่คุ้มค่ามากอยู่นะ โค้ดชุดนี้ ได้ใช้บ่อยๆ แน่ๆ

0 0 vote
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
Navigate