ایجاد blur در css، در این مطلب آموزش ایجاد Blur در CSS به دو صورت تصویر و استفاده از کدهای رنگ را یاد خواهیم گرفت.
آموزش ایجاد blur در CSS
در CSS، می توانید با استفاده از خاصیت backdrop-filter و filter، پس زمینه یک المان را محو کنید یا تار کنید.
برای اعمال blur به پس زمینه یک المان، می توانید از خاصیت filter و مقدار blur() استفاده کنید. به عنوان مثال:
.element {
background-image: url('background.jpg');
filter: blur(5px);
}
Blur background یک افکت است که باعث ایجاد تاری در پس زمینه یک المان می‌شود. این افکت می‌تواند به صورت استفاده از فیلترهای CSS اعمال شود.
برای ایجاد blur background در CSS، می‌توانید از خاصیت backdrop-filter استفاده کنید. این خاصیت به شما امکان می‌دهد تا افکت‌هایی مانند blur، brightness، contrast و سایر افکت‌ها را بر روی پس‌زمینه المان اعمال کنید.
مثال:
.element {
backdrop-filter: blur(10px);
}
در این مثال، تاری در پس‌زمینه المان با شعاع 10 پیکسل ایجاد می‌شود.
همچنین می‌توانید از فیلترهای CSS دیگری مانند filter استفاده کنید:
.element {
filter: blur(10px);
}
در این مثال نیز، تاری با شعاع 10 پیکسل در پس‌زمینه المان ایجاد می‌شود.
برای مطالعه بیشتر در مورد blur background و استفاده از فیلترهای CSS می‌توانید به لینک‌های زیر مراجعه کنید:
——————————————
