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.
<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>
Sepia Effect
Normal:
w3-sepia-min:
Sepia:
Sepia-max:
Red with sepia
Blue with sepia
Green with sepia
Latest News
Post a Comment