LIVE
23:03:23
Wetter-Status
Wind
1.82 km/h
Feuchte
92 %
Status
Bedeckt
Wie man ein Achtel des Bildes verpixelt
Um die Privatsphäre im öffentlichen Raum zu schützen, ist es notwendig, Bereiche mit Personenverkehr unkenntlich zu machen. In diesem Portal wird das untere Achtel (12.5%) des Webcam-Feeds durch einen CSS-Echtzeitfilter geschützt.
1
Erstellen Sie ein <div> innerhalb des Bild-Containers.
2
Setzen Sie die Höhe auf height: 12.5% und die Position auf bottom: 0.
3
Wenden Sie backdrop-filter: blur(40px) an, um alles darunter liegende zu verpixeln.
.privacy-overlay {
position: absolute;
bottom: 0;
height: 12.5%;
width: 100%;
backdrop-filter: blur(40px);
}
position: absolute;
bottom: 0;
height: 12.5%;
width: 100%;
backdrop-filter: blur(40px);
}