LIVE
18:28:50
Wetter-Status
Wind
1.03 km/h
Feuchte
86 %
Status
Klarer Himmel
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);
}