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 | Có |
<opacity-value>-
Giá trị này là một
<number>giữa0và1, 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
- Thuộc tính CSS
stop-opacity stop-coloropacityfill-opacitystroke-opacity