Задать вопрос
Rendez-vous
@Rendez-vous
Жадный к знаниям
css

Как сделать плавно переходящий полу-прозрачный фон?

Подскажите пожалуйста, как можно сделать подобный фон с эффектами прозрачности по краям?
4665e20bfc7c461a9a7b6ebc55c7d0a0.png
  • Вопрос задан
  • 537 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 3
0xD34F
@0xD34F Куратор тега CSS
Градиент от прозрачного к < имя цвета > и обратно к прозрачному, например:

background: linear-gradient(to right, transparent 10%, red 30%, red 70%, transparent 90%);
Ответ написан
3 комментария
3 комментария
aliencash
@aliencash
Партизан
что-то типа того https://codepen.io/aliencash/pen/EvwOKY?editors=1100
Ответ написан
1 комментарий
1 комментарий
Exploding
@Exploding
wtf?
Пользуюсь этим
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
lukoie
@lukoie
лень править, там все кросс-костыли найдете, просто под свою задачу поправьте:
jsfiddle.net/luissanchezm86/4Kwb4
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
React разработчик
Uptrade
от 150 000 до 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
8266 f12 требуется сделать ревью и оптимизировать работу
26 апр. 2024, в 20:42
2000 руб./за проект
Доработать и интегрировать модуль на WordPress
26 апр. 2024, в 19:53
5000 руб./за проект
Ещё заказы