فنکشن sepia() CSS

تعریف و استفاده

CSS sepia() فیلترها تصویر را به قهوه‌ای تبدیل می‌کنند (یک رنگ گرم‌تر و قهوه‌ای/زرد‌تر).

• 100% (یا 1) باعث می‌شود تصویر به طور کامل به قهوه‌ای تبدیل شود
• 0% (یا 0) هیچ اثری ندارد

مثال

مثال 1

تنظیم اثرات قهوه‌ای مختلف برای تصاویر:

#img1 {
  filter: sepia(1);
}
#img2 {
  filter: sepia(60%);
}
#img3 {
  filter: sepia(0.4);
}

آزمایش کنید

مثال 2

در sepia() با backdrop-filter استفاده ترکیبی ویژگی‌ها:

div.transbox {
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: sepia(100%);
  backdrop-filter: sepia(100%);
  padding: 20px;
  margin: 30px;
  font-weight: bold;
}

آزمایش کنید

قوانین CSS

sepia(amount)

جزئیات فنی

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این فنکشن را کامل پشتیبانی می‌کند.

متعلق به صفحات

مطالبه:CSS فیلتر اپریشن

مطالبه:CSS blur() فنکشن

مطالبه:CSS brightness() فنکشن

مطالبه:CSS contrast() فنکشن

مطالبه:CSS drop-shadow() فنکشن

مطالبه:CSS grayscale() فنکشن

مطالبه:CSS hue-rotate() فنکشن

مطالبه:CSS invert() فنکشن

مطالبه:CSS opacity() فنکشن

مطالبه:CSS saturate() فنکشن