blur-invalid-radius.html

Enable keyboard shortcuts

<!--↩

     Any copyright is dedicated to the Public Domain.↩

     http://creativecommons.org/publicdomain/zero/1.0/↩

-->↩

<!DOCTYPE html>↩

<html>↩

<head>↩

  <title>CSS Filters: Don't Change Element Rendering with Invalid Blur Radius</title>↩

  <link rel="author" title="Max Vujovic" href="mailto:mvujovic@adobe.com">↩

  <link rel="help" href="http://www.w3.org/TR/filter-effects-1/#funcdef-blur">↩

  <link rel="match" href="blur-invalid-radius-ref.html">↩

  <meta name="assert"↩

        content="Given an invalid blur radius, the CSS blur filter function↩

                 should not change the rendering of an HTML element.">↩

  <style type="text/css">↩

    #target {↩

      filter: blur(3);↩

      background-color: #0f0;↩

      width: 100px;↩

      height: 100px;↩

    }↩

  </style>↩

</head>↩

<body>↩

  <p>You should see a green square.</p>↩

  <div id="target"></div>↩

</body>↩

</html>↩