دستورالعمل‌های مرجع CSS

ویژگی-CSS

دستور blur() CSS blur() دستور فیلتر به عناصر اثر تاریکی می‌افزاید.هرچه مقدار بزرگتر باشد، اثر تاریکی قوی‌تر خواهد بود.

اگر مقدار مشخص نشده باشد، به طور پیش‌فرض از 0 استفاده می‌شود.

اعمال اثر تاریکی متفاوت برای عناصر <h1> و <img>:

h1 {
  filter: blur(2px);
}
#img1 {
  filter: blur(2px);
}
#img2 {
  filter: blur(6px);
}

ایجاد پس‌زمینه تاریک:

img.background {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
  filter: blur(35px);
}

blur(radius)

مقدار	توضیح
radius	اختیاری.指定 فاصله تاریکی.هرچه مقدار بزرگتر باشد، اثر تاریکی قوی‌تر خواهد بود. اگر مقدار مشخص نشده باشد، به طور پیش‌فرض از 0 (بدون اثر) استفاده می‌شود.

مقدار

توضیح

radius

اختیاری.指定 فاصله تاریکی.هرچه مقدار بزرگتر باشد، اثر تاریکی قوی‌تر خواهد بود.

اگر مقدار مشخص نشده باشد، به طور پیش‌فرض از 0 (بدون اثر) استفاده می‌شود.