sepia()
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.
Hàm sepia() CSS function chuyển đổi hình ảnh đầu vào sang tông màu nâu vàng (sepia), mang lại vẻ ngoài ấm áp hơn, vàng/nâu hơn. Kết quả của nó là một <filter-function>.
Try it
filter: sepia(0);
filter: sepia(0.2);
filter: sepia(60%);
filter: sepia(1);
<section id="default-example">
<img
class="transition-all"
id="example-element"
src="/shared-assets/images/examples/firefox-logo.svg"
width="200" />
</section>
Cú pháp
css
sepia(amount)
Tham số
amountOptional-
Mức độ chuyển đổi, được chỉ định dưới dạng
<number>hoặc<percentage>. Giá trị100%là hoàn toàn sepia, trong khi giá trị0%giữ nguyên đầu vào. Các giá trị từ0%đến100%là hệ số nhân tuyến tính trên hiệu ứng. Giá trị ban đầu cho interpolation là0. Giá trị mặc định là1.
Cú pháp chính thức
<sepia()> =
sepia( [ <number> | <percentage> ]? )
Ví dụ
Các ví dụ về giá trị hợp lệ cho sepia()
css
sepia(0) /* Không có hiệu ứng */
sepia(.65) /* Sepia 65% */
sepia() /* Hoàn toàn sepia */
sepia(100%)
Thông số kỹ thuật
| Specification |
|---|
| Filter Effects Module Level 1 # funcdef-filter-sepia |
Khả năng tương thích trình duyệt
Xem thêm
Các hàm <filter-function> khác có thể được dùng trong các giá trị của thuộc tính filter và backdrop-filter bao gồm: