Самый легкий способ затуманить картинку

htexture
На сайте с 29.05.2017
Offline
201
439
Есть категории картинок, которые надо затуманивать в виду 18+. Какие есть варианты простым стилем приписать картинке условие, при котором оно будет заливаться градиентом, который условно будет затуманивать картинку.
Mik Foxi
На сайте с 02.03.2011
Offline
1076
#1
гуглить: css blur и куча вариантов типа https://www.w3schools.com/howto/howto_css_blurred_background.asp
How To Create a Blurred Background Image
How To Create a Blurred Background Image
  • www.w3schools.com
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
Антибот, антиспам, веб файрвол, защита от накрутки поведенческих: https://antibot.cloud/ + партнерка, до 40$ с продажи.
alaev
На сайте с 18.11.2010
Offline
704
#2
htexture :
Есть категории картинок, которые надо затуманивать в виду 18+. Какие есть варианты простым стилем приписать картинке условие, при котором оно будет заливаться градиентом, который условно будет затуманивать картинку.

Есть плагины разные, которые накладывают watermark на картинки и сохраняют компиляцию на хостинг. Вместо картинки с водным знаком можно дать нужный градиент.

Создание и продвижение сайтов - https://alaev.net , аудиты сайтов, контекстная реклама
alaev
На сайте с 18.11.2010
Offline
704
#3
Mik Foxi #:
гуглить: css blur и куча вариантов типа https://www.w3schools.com/howto/howto_css_blurred_background.asp

Это очень прикольно, только поисковик увидит картинку такой, какая она есть.

BrickLayer
На сайте с 13.06.2020
Offline
95
#4
alaev #:

Это очень прикольно, только поисковик увидит картинку такой, какая она есть.

Так тебе заблюрить надо или чтобы поисковик не видел?))) Главный вопрос - Как ты представляешь себе результат? - на сайте жесткое порево, а в выдаче поисковика размазанное пятно?
Блюрить можно CSS, а поисковику прописать noindex

C
На сайте с 04.02.2005
Offline
277
#5
htexture :
Есть категории картинок, которые надо затуманивать в виду 18+. Какие есть варианты простым стилем приписать картинке условие, при котором оно будет заливаться градиентом, который условно будет затуманивать картинку.

блоку с картинками делать признак

<div data-plus18><img

[data-plus18] img {filter: blur()}

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий