ZIm/crates/gpui/examples
Jason Lee de89f8cf83
gpui: Add linear gradient support to fill background (#20812)
Release Notes:

- gpui: Add linear gradient support to fill background

Run example:

```
cargo run -p gpui --example gradient
cargo run -p gpui --example gradient --features macos-blade
```

## Demo

In GPUI (sRGB):

<img width="761" alt="image"
src="https://github.com/user-attachments/assets/568c02e8-3065-43c2-b5c2-5618d553dd6e">

In GPUI (Oklab):

<img width="761" alt="image"
src="https://github.com/user-attachments/assets/b008b0de-2705-4f99-831d-998ce48eed42">

In CSS (sRGB): 

https://codepen.io/huacnlee/pen/rNXgxBY

<img width="505" alt="image"
src="https://github.com/user-attachments/assets/239f4b65-24b3-4797-9491-a13eea420158">

In CSS (Oklab):

https://codepen.io/huacnlee/pen/wBwBKOp

<img width="658" alt="image"
src="https://github.com/user-attachments/assets/56fdd55f-d219-45de-922f-7227f535b210">


---

Currently only support 2 color stops with linear-gradient. I think this
is we first introduce the gradient feature in GPUI, and the
linear-gradient is most popular for use. So we can just add this first
and then to add more other supports.
2024-12-11 21:52:52 +02:00
..
image gpui: Fix SVG color render, when color have alpha (#20537) 2024-11-16 16:53:57 +02:00
svg gpui: Add svg example (#17315) 2024-09-03 13:15:37 -04:00
animation.rs chore: Fix several style lints (#17488) 2024-09-06 11:58:39 +02:00
gif_viewer.rs Add Loading and Fallback States to Image Elements (via StyledImage) (#20371) 2024-11-15 19:12:01 -08:00
gradient.rs gpui: Add linear gradient support to fill background (#20812) 2024-12-11 21:52:52 +02:00
hello_world.rs gpui: Fix default colors blue, red, green to match in CSS default colors (#20851) 2024-11-28 10:08:07 +02:00
image_loading.rs Add Loading and Fallback States to Image Elements (via StyledImage) (#20371) 2024-11-15 19:12:01 -08:00
input.rs Clip UTF-16 offsets in text for range (#20968) 2024-11-20 22:04:26 -07:00
opacity.rs chore: Fix several style lints (#17488) 2024-09-06 11:58:39 +02:00
ownership_post.rs More adjustments for blog post 2024-01-18 07:01:46 -07:00
painting.rs gpui: Add paint_path example (#20499) 2024-11-16 13:36:13 +02:00
set_menus.rs gpui: Update Menu name to use SharedString type to support more types (#14791) 2024-07-19 08:51:31 -04:00
shadow.rs Adjust erf estimation function (#15423) 2024-08-07 14:12:26 +02:00
text_wrapper.rs gpui: Fix CJK line wrap for GPUI text render (#17737) 2024-09-12 15:55:03 -04:00
uniform_list.rs gpui: Add example for uniform_list (#17421) 2024-09-05 14:24:10 -04:00
window.rs gpui: Fix hide, activate method on Windows to hide/show application (#18164) 2024-09-30 23:20:24 -07:00
window_positioning.rs gpui: Fix cx.bounds, cx.open_window position on macOS (#14044) 2024-07-10 09:52:33 -06:00
window_shadow.rs Linux window decorations (#13611) 2024-07-03 11:28:09 -07:00