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

من یه بک گراند دارم که روش
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 3 سال پیش مطرح شد

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

 content: " ";
position: absolute;

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

ارسال پاسخ

Ibo Kiani

تخصص : Backend developer

@abdoki7788 3 سال پیش مطرح شد

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

ارسال پاسخ

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

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

دوره‌های آموزشی

مسیرهای یادگیری

پیشرفت من

دوره‌های رایگان

گواهی پایان دوره

محبوب‌ترین آموزش‌ها

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

گزینش سوالات

گفت و گو های مرتبط

دسته ‌بندی سوالات

تگ‌های محبوب

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

	<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;
	}