تابع blur() در CSS برای ایجاد افکت تاری روی عناصر استفاده میشود. با این تابع میتوان به تصاویر، پسزمینهها و متنها افکت Blur داد و جلوههای زیبا و حرفهای در طراحی وب ایجاد کرد. برای یادگیری بیشتر و مثالهای عملی، به دوره آموزش CSS مراجعه کنید.
ساختار تابع blur
blur(radius)- radius: مقدار تاری (مثلاً 5px) که هر چه بزرگتر باشد افکت تاری بیشتر میشود.
مثال عملی تابع blur
.blur-box {
filter: blur(5px);
width: 200px;
height: 200px;
background-color: #3498db;
}جدول ویژگیها و توضیحات
| ویژگی | توضیح |
|---|---|
| radius | مقدار تاری (مثلاً 5px) که هر چه بزرگتر باشد افکت تاری بیشتر است |
نکات مهم
- تابع blur() بخشی از ویژگی filter در CSS است.
- میتوان برای تصاویر، پسزمینهها و عناصر متنی از آن استفاده کرد.
- مقدار radius میتواند بر حسب px یا em باشد.
- ترکیب blur با دیگر توابع filter مانند brightness و contrast افکتهای حرفهای ایجاد میکند.
ادامه آموزش
برای یادگیری کامل افکتهای CSS و استفاده حرفهای از filterها، حتماً دوره آموزش CSS را مشاهده کنید.
آموزش قبلی: آموزش تابع repeating-radial-gradient در CSS
آموزش بعدی: آموزش تابع brightness در CSS
دیدگاه و پرسش