| <!DOCTYPE html> |
| <html> |
| <title>filter() function with linear-gradient</title> |
| <link rel="help" href="https://drafts.fxtf.org/filter-effects-1/#FilterCSSImageValue"> |
| <link rel="author" title="Tim Nguyen" href="https://github.com/nt1m"> |
| <link rel="match" href="filter-function-linear-gradient-ref.html"> |
| <style> |
| div { |
| background-image: filter(linear-gradient(red, orange), invert(1)); |
| width: 400px; |
| height: 400px; |
| color: purple; |
| } |
| </style> |
| <div>This text should be purple on a background with a light blue gradient.</div> |
| </html> |