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;
}

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

Leave a Reply

Please Login to comment
avatar
  Subscribe  
Notify of
Navigate