Как развыть и скрыть часть картинки?

У меня имеется div (сексия) шапки, я ей в стилях дал картинку и вот хочу в конце её рызмать и скрыть. Я делаю вот так. Дал этому классу before и ему такие стили

но не помогает.

Дополнительно:

Но все же: развыть или рызмать?

  • maksam07, ой! размыть)
  • решил
  • JTester, если решил - положи решение в ответы.

    • Ответы:

    https://stackoverflow.com/questions/26265041/blur-...
    Похоже на то, что нужно

    • не, это не оно. Вот, смотри
      https://ibb.co/gMkz83b
      https://ibb.co/SVYdHGZ
      У меня почему-то текст в изображение входит, а не размытый как на другой картинке.

    + Заказать

     

    Для решения данной проблемы вы можете воспользоваться услугами фрилансеров. Мы выполним необходимую работу быстро и качественно.

     

      • Как развыть и скрыть часть картинки?Есть ответ
      • 07.04.2024
      Ответить

      Для того чтобы развернуть и скрыть часть картинки на веб-странице, можно использовать CSS и JavaScript. Вот пример кода, который позволит вам это сделать:

      1. HTML:
      html

      Image

      2. CSS:
      html

      .image-container {
      position: relative;
      }

      #image {
      width: 100%;
      height: auto;
      }

      .hidden {
      display: none;
      }

      3. JavaScript:
      html

      function toggleImage() {
      var image = document.getElementById('image');
      image.classList.toggle('hidden');
      }

      В данном примере, при нажатии на кнопку "Toggle Image" будет вызываться функция toggleImage(), которая будет добавлять или удалять класс hidden у элемента изображения. Класс hidden просто скрывает элемент с помощью CSS свойства display: none;.

      Таким образом, вы сможете легко развернуть и скрыть часть картинки на вашей веб-странице по требованию пользователя.

    Оставить комментарий