Sepia Code

Sepia adalah cara membuat sebuah image asli menjadi transparan warna coklat. Sepia berguna saat membuat sebuah website dengan ide tampilan Transparant warna coklat, misalnya akan ditimpa sebuah tulisan diatasnya - agar terbaca.

Sepia Effect

Normal:

w3-sepia-min:

Sepia:

Sepia-max:

Red with sepia

Blue with sepia

Green with sepia

<div class="w3-container"> <h2>Sepia Effect</h2> <p>Normal:</p> <img alt="Snow" loading="lazy" src="https://1.bp.blogspot.com/-q-vbCyi6irI/YD92xK99MXI/AAAAAAABRM8/7PDFrijnKOo-OR1qZLYqGspTIpBLQKiWQCPcBGAYYCw/s0/Amway-1.jpg" style="width:300px"> <p>w3-sepia-min:</p> <img alt="Snow" class="w3-sepia-min" loading="lazy" src="img_snow_wide.jpg" style="width:300px"> <p>w3-sepia:</p> <img alt="Snow" class="w3-sepia" loading="lazy" src="img_snow_wide.jpg" style="width:300px"> <p>w3-sepia-max:</p> <img alt="Snow" class="w3-sepia-max" loading="lazy" src="img_snow_wide.jpg" style="width:300px"> <div class="w3-panel w3-red w3-sepia"> <p>Red with sepia</p> </div> <div class="w3-panel w3-blue w3-sepia"> <p>Blue with sepia</p> </div> <div class="w3-panel w3-green w3-sepia"> <p>Green with sepia</p> </div> </div>