# Discourse Спойлер-оповещение

**URL:** <https://meta.discourse.org/t/discourse-spoiler-alert/12650>\
**Category:** Plugin\
**Tags:** official, spoiler-alert, included-in-core\
**Created:** [12.Февраль.2014 03:47:17 UTC](https://meta.discourse.org/t/discourse-spoiler-alert/12650 "2014-02-12T03:47:17Z")\
**Posts on this page:** 1\
**Showing post:** 119

<div class="post-metadata">

**Author:** ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)\
**Post date:** [08.Март.2025 16:58:25 UTC](https://meta.discourse.org/t/discourse-spoiler-alert/12650/119 "2025-03-08T16:58:25Z")

</div>

Вот CSS по умолчанию для эффекта размытия:

```css
.spoiler-blurred img {
  filter: blur(1em);
}

```

Измените 1em на более значимое значение:

```css
.spoiler-blurred img {
  filter: blur(5em);
}

```

Если вы хотите увеличить размытие при наведении курсора на изображение, добавьте следующие строки и измените 0.5em (на значение меньшее, чем предыдущее):

```css
.spoiler-blurred {
  .discourse-no-touch & {
    &:hover, &:focus {
      img {
        filter: blur(0.5em);
      }
    }
  }
}

```

---

_[View the full topic](https://meta.discourse.org/t/discourse-spoiler-alert/12650)._