Background blur for 18.04 unlock screen


Answer: 1

18 hours ago

I have added a background image to unlock screen of 18.04 using the below code in ubuntu.css in usr/share/gnome-shell/theme

#lockDialogGroup { background: #2e3436 url("unlock-background.jpeg"); background-repeat: none; background-size: cover; }

While it works great, is it possible to add a blur effect to whatever image we are using as unlock screen background ? Thanks.

Eg. Something close to the blur below

enter image description here

Possible solution from w3schools

/* Add the blur effect */
  filter: blur(8px);
  -webkit-filter: blur(8px);

I am not quite confident how to add this piece of CSS.

Added by: Trinity Blick

Answer: 2

27 hours ago

An easy way is to blur your image using GIMP or an online tool and then use the blurred image as a background.

If you don't know how to use GIMP, i would recommend using this:

Just upload your image, enter the blur radius you want and download the resulting image.

Popular Search

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 1 2 3 4 5 6 7 8 9