filter-function-001.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/filter-effects/filter-function/filter-function-001.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<html>

<head>

<title>filter function can be applied to an image included as content</title>

<link rel="help" href="https://drafts.fxtf.org/filter-effects-1/#funcdef-filter"/>

<link rel="help" href="https://drafts.csswg.org/css-content/#content-property"/>

<link rel="author" title="Mike Bremford" href="http://bfo.com/" />

<link rel="match" href="../../reference/ref-filled-green-100px-square.xht"/>

<style>

div {

    width: 100px;

    height: 100px;

    background: red;

    image-rendering: crisp-edges;

    content: filter(url(resources/green-transparent-100x100.png), drop-shadow(50px 0 0 green));

</style>

</head>

<body>

 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>

 <div></div>

</body>

</html>