🔹 پراپرتی filter در CSS (روی تصاویر و المان‌ها برای افکت‌های گرافیکی)

• blur(px) → تار کردن تصویر
• brightness(%) → تغییر روشنایی (بیشتر یا کمتر)
• contrast(%) → افزایش یا کاهش کنتراست
• grayscale(%) → سیاه‌وسفید کردن
• hue-rotate(deg) → تغییر چرخه رنگ‌ها (مثبت/منفی)
• invert(%) → معکوس کردن رنگ‌ها
• opacity(%) → شفافیت
• saturate(%) → شدت رنگ‌ها
• sepia(%) → افکت قهوه‌ای قدیمی
• drop-shadow(x y blur color) → سایه روی تصویر (با فیلتر، متفاوت از box-shadow)

📌 امکان ترکیب چند فیلتر با فاصله:

filter: contrast(190%) brightness(2);

🔹 :root در CSS

• مثل بالاترین سطح سند عمل می‌کند (ریشه).
• برای تعریف CSS Variables استفاده می‌شود.

مثال:

:root {
  --primary-color: green;
  --secondary-color: #efefef;
}
p {
  color: var(--primary-color);
}

مزایا: تغییر سریع رنگ‌ها/مقادیر در کل پروژه.

🔹 ماژولار نویسی CSS

• استفاده از فایل‌های جداگانه برای نظم بیشتر.
• با @import می‌توان فایل‌های CSS دیگر را وارد کرد.

مثال:

@charset "UTF-8";
@import url(../assets/css/cssreset.css);
@import "../assets/css/cssreset.css";