تابع sepia() در CSS برای ایجاد افکت عکس قدیمی یا قهوهای روی عناصر استفاده میشود. با این تابع میتوان تصاویر و پسزمینهها را به حالت sepia تبدیل کرد و جلوههای بصری جذاب و کلاسیک ایجاد نمود. برای یادگیری بیشتر و مثالهای عملی، به دوره آموزش CSS مراجعه کنید.
ساختار تابع sepia
sepia(amount)- amount: میزان افکت sepia. مقدار 0 هیچ تغییری ایجاد نمیکند و 1 کاملاً sepia اعمال میشود.
مثال عملی تابع sepia
.sepia-box {
filter: sepia(0.7);
width: 200px;
height: 200px;
background-color: #3498db;
}جدول ویژگیها و توضیحات
| ویژگی | توضیح |
|---|---|
| amount | میزان افکت sepia: 0 طبیعی، 1 کامل |
نکات مهم
- تابع sepia() بخشی از ویژگی filter در CSS است.
- میتوان برای تصاویر، پسزمینهها و عناصر متنی از آن استفاده کرد.
- ترکیب sepia با دیگر توابع filter مانند brightness و contrast افکتهای حرفهای ایجاد میکند.
- مقدار amount میتواند بر حسب عدد یا درصد بیان شود.
ادامه آموزش
برای یادگیری کامل افکتهای CSS و استفاده حرفهای از filterها، حتماً دوره آموزش CSS را مشاهده کنید.
آموزش قبلی: آموزش تابع Saturate در CSS
آموزش بعدی: آموزش تابع url در CSS
دیدگاه و پرسش