CSS effects


Blend mode

Objectif
Reproduire les mélanges de calques, que l'on peut trouver par exemple sur Photoshop.

👉
Intégrez le code suivant dans la partie
Head Code
de votre projet Webflow ou dans un embed placé avant le contenu modifié.
<style>
/* Ajouter un blend mode */
.classe
{
mix-blend-mode
:
darken
;
}
</style>
1
normal
screen
darken
color-dodge
difference
hue
color
2
multiply
overlay
lighten
color-burn
exclusion
saturation
luminosity
There are no rows in this table










Background blur

Objectif
Ajouter un flou sur l'arrière-plan d'un élément.

👉
Intégrez le code suivant dans la partie
Head Code
de votre projet Webflow ou dans un embed placé avant le contenu modifié.
<style>
/* Ajouter un flou sur l'arrière-plan */
.classe
{
opacity
: 80%;
-webkit-backdrop-filter
:
saturate(1.8)
blur(
20
px);
}
</style>
: 4/5 (ne fonctionne pas sur firefox ou IE)-











Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.