stop-opacity

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2020.

Thuộc tính stop-opacity xác định độ mờ của một điểm dừng màu gradient cụ thể.

Giá trị độ mờ dùng cho phép tính gradient là tích của giá trị stop-opacity và độ mờ của giá trị thuộc tính stop-color. Với các giá trị stop-color không bao gồm thông tin độ mờ rõ ràng, độ mờ được coi là 1.

Note: Khi được dùng như một thuộc tính trình bày, stop-opacity cũng có một thuộc tính CSS tương ứng: stop-opacity. Khi cả hai được chỉ định, thuộc tính CSS sẽ được ưu tiên.

Bạn có thể dùng thuộc tính này với phần tử SVG sau:

Ghi chú sử dụng

Giá trị <opacity-value>
Giá trị mặc định 1
Có thể animate
<opacity-value>

Giá trị này là một <number> giữa 01, hoặc một giá trị <percentage> chỉ định độ mờ của điểm dừng màu gradient.

Thông số kỹ thuật

Specification
Scalable Vector Graphics (SVG) 2
# StopOpacityProperty

Tương thích trình duyệt

Xem thêm