dmilor
Мастер
(2412)
5 месяцев назад
Ваш текущий CSS код использует свойство mix-blend-mode: overlay; которое может делать текст слишком прозрачным, особенно если он наложен на светлый фон.
Если вы хотите сохранить эффект наложения, но сделать текст менее прозрачным, вы можете попробовать добавить полупрозрачный белый цвет к вашему тексту с использованием rgba. Например, color: rgba(255, 255, 255, 0.8); где последнее число - это уровень прозрачности (1 - полностью непрозрачный, 0 - полностью прозрачный).
.aboutUs {
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
text-align: center;
mix-blend-mode: overlay;
color: rgba(255, 255, 255, 0.8);
}
.aboutUs_h1 {
font-size: 7vw;
font-family: "Montserrat-bold", sans-serif;
}
.aboutUs_bookNow {
border-radius: 1.3vw;
height: 5.8vh;
width: 13.3vw;
font-family: "Montserrat-Bold", sans-serif;
}