Mutatok nektek egy érdekes css módot. Háttérbeállításként működik a dolog, ha készítesz egy táblázatot aztán beraksz egy képet a hátterének így változtathatod a színét, nagyon izgis, nézzétek :]
Példák:
color |
multiply |
screen |
overlay |
darken |
lighten |
color-dodge |
color-burn |
hard-light |
soft-light |
difference |
normal |
exclusion |
hue |
saturation |
luminosity |
Kódja:
táblázatban 1db képé:
<table border="0" cellpadding="0" cellspacing="0" style="width: 100px; height: 100px">
<tbody>
<tr>
<td style="text-align: center; background-blend-mode: multiply; width: 100px; height: 100px; background-image: url(képed url címe); background-color: rgb(53, 218, 80);">
<strong>multiply</strong></td>
</tr>
</tbody>
</table>
külön meghatározva:
.szineskep {
background-blend-mode: multiply;
background-image: url(képed url címe);
background-color: rgb(53, 218, 80);
}
Ami még csodásabb, hogy feliratokhoz is használhatjuk, nézzük meg a h2-re. Itt kékre van állítva és screenre.
Itt pedig az új tulajdonság amit hozzáadsz nem a background-blend-mode hanem a mix-blend-mode
Hajrá, aztán kreatívan bánjatok velük! :]
|