Untuk mewarnai gambar, Anda dapat menggunakan CSS3 background
untuk menumpuk gambar dan linear-gradient
. Dalam contoh di bawah ini, saya menggunakan linear-gradient
tanpa gradien aktual. Browser memperlakukan gradien sebagai gambar (saya pikir itu benar-benar menghasilkan bitmap dan overlay) dan dengan demikian, sebenarnya menumpuk banyak gambar.
background: linear-gradient(0deg, rgba(2,173,231,0.5), rgba(2,173,231,0.5)), url(images/mba-grid-5px-bg.png) repeat;
Akan menghasilkan kertas grafik dengan warna biru muda, jika Anda memiliki png. Perhatikan bahwa susunan susunan mungkin bekerja terbalik dengan model mental Anda, dengan item pertama di atas.
Dokumentasi yang luar biasa dari Mozilla, di sini:
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_multiple_backgrounds
Alat untuk membangun gradien:
http://www.colorzilla.com/gradient-editor/
Catatan - tidak berfungsi di IE11! Saya akan memposting pembaruan ketika saya tahu mengapa, karena itu seharusnya.