علی سعادت
2 سال پیش توسط علی سعادت مطرح شد
2 پاسخ

تار شدن تکست روی بک گراندی که تار شده

من یه بک گراند دارم که روش
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;
}

ثبت پرسش جدید
علی سعادت
تخصص : junior front-end developer
@Saadat 2 سال پیش مطرح شد
0

من به جوابم رسیدم ولی اگه کسی به این مشکل برخورد
...
باید از ::before استفاده کنه و با استفاده از کد زیر کارشو انجام بده.

content: " ";
position: absolute;

ادامه استایل های بک گراند رو هم در ادامه بهش بده


عبدالرحمان کیانی
تخصص : Backend developer
@abdolrahman 2 سال پیش مطرح شد
1

راه درستش استفاده از backdrop-filter هست


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام