من یه بک گراند دارم که روش
filter: blur(3)
گذاشتم و میخواستم روش یه تکست هم بذارم که دیدم تکست هم بلور میشه.
راهی هست که بک گراند بلور بمونه ولی تکست بلور نشه؟
کدم رو این پایین میذارم
<section class="section-img">
<h3 class="top-text">کتاب هایتان را از کمد دربیاورید</h3>
</section>
.section-img{
background: url(../img/Back\ -1.jpg);
width: 100%;
height: 570px;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
border: 1px solid #bfc5cd;
border-radius: 20px;
transform: translateY(-10%);
filter: blur(3px) contrast(150%);
}
.top-text{
font-family: 'lalezar';
font-size: 2rem;
transform: translateY(100px);
position: absolute;
}
من به جوابم رسیدم ولی اگه کسی به این مشکل برخورد
...
باید از ::before استفاده کنه و با استفاده از کد زیر کارشو انجام بده.
content: " ";
position: absolute;
ادامه استایل های بک گراند رو هم در ادامه بهش بده
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟