0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>Several filters can be applied to the same block at the same time. To do this, all filters are simply listed separated by spaces after the word filter:</p>
1
<p>Several filters can be applied to the same block at the same time. To do this, all filters are simply listed separated by spaces after the word filter:</p>
2
.effect { filter: sepia(50%); filter: sepia(50%) blur(5px); filter: sepia(50%) blur(5px) opacity(50%); }<p>You should keep in mind that if you list the filters in a different order, you will get a different result. This is because each subsequent filter is applied to the image after the effect of the previous filter has already been applied.</p>
2
.effect { filter: sepia(50%); filter: sepia(50%) blur(5px); filter: sepia(50%) blur(5px) opacity(50%); }<p>You should keep in mind that if you list the filters in a different order, you will get a different result. This is because each subsequent filter is applied to the image after the effect of the previous filter has already been applied.</p>
3
<p>Let’s try this out in practice.</p>
3
<p>Let’s try this out in practice.</p>