Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
half-horse half-gateway
83 / 62 / 35
Регистрация: 10.05.2016
Сообщений: 388
1

Убрать белые края фонового изображения с эффектом blur

26.01.2020, 20:13. Показов 834. Ответов 0

Добрый день! Делаю изображение в качестве заднего фона и задаю ему эффект размытия:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
body::before {
    content: '';
    position: fixed;
    
    /* All width and height */
    left: 0; 
    right: 0; 
    top: 0; 
    bottom: 0;
    
    /* Image by text */
    z-index: -1;
    
    /* Background image */
    background: url("images/background.jpg");
    filter: blur(10px);
    background-position: ceneter;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
Однако тогда по краям изображения появляются белые грани, от которых хотелось бы избавиться. Конечно, есть вариант дописать следующее:
HTML5
1
transform: scale(1.1);
Но это помогает, пока не появляются полосы прокрутки. При их появлении, данный метод уже не срабатывает. Есть ли возможность как это исправить? Из видимых для меня вариантов сейчас пока что остаётся загрузка уже отредактированного вручную изображения (через любой графический редактор).
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
26.01.2020, 20:13
Ответы с готовыми решениями:

Как убрать белые края круглой кнопки?
Создаю небольшой плеер для своей оболочки. Для того,чтобы сделать кнопки круглыми использовал такой...

Разместить на странице цветную полосу вдоль всего левого края окна без использования фонового изображения
Разместить на странице цветную полосу вдоль всего левого края окна без использования фонового...

Как убрать разводы фонового изображения и повысить качество изображения ?
Не знаю как описать проблему, поэтому просто выкладываю скрин. Установил офф драйвер видеокарты с...

Боковое меню с Blur-эффектом
Есть у кого опыт работы с Blur эффектом? Можете помощь сделать боковое меню с blur эффектом?)) ...

0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
26.01.2020, 20:13

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

Убрать пятна, касающиеся края изображения. Изображение черно-белое
Здравствуйте! У меня два вопроса... 1) Подскажите пожалуйста если я загружаю картинку BMP c...

Белые выделения края спрайта
Привет всем, столкнулся с такой проблемой, вывожу на экран спрайт огня. Загружаю с помощью функций...

C++ Сглаживание, белые края на круглых текстурах с альфоканалом
glBindTexture(GL_TEXTURE_2D, tSmallTWave); glEnable(GL_TEXTURE_2D);...

Blur для заднего изображения
Здравствуйте. Подскажите, как можно добиться следующего эффекта. Есть изображение и поверх него 2...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.