☰

18.04 解锁屏幕的背景模糊

tag-icon • tag-icon 18.04 themes
18.04 解锁屏幕的背景模糊

ubuntu.css我使用以下代码在18.04 的解锁屏幕中添加了背景图像usr/share/gnome-shell/theme

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

虽然效果很好，但是是否可以为我们用作解锁屏幕背景的任何图像添加模糊效果？谢谢。

例如，下面是模糊的东西

在此处输入图片描述

w3schools 可能提供的解决方案

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

我不太清楚如何添加这段 CSS。

答案1

一种简单的方法是使用 GIMP 或在线工具模糊图像，然后使用模糊的图像作为背景。

如果您不知道如何使用 GIMP，我建议您使用这个： https://onlinejpgtools.com/blur-jpg

只需上传您的图像，输入您想要的模糊半径并下载生成的图像。

相关内容