css-filters-animation-contrast-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

<head>

    <title>CSS Filters Animation: Contrast Reference</title>

    <link rel="author" title="Gunther Brunner" href="mailto:takeshimiya@gmail.com">

    <link rel="reviewer" title="Dirk Schulze" href="mailto:dschulze@adobe.com">

    <link rel="reviewer" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">

    <style type="text/css">

        .square {

            width: 100px;

            height: 100px;

            background: black;

            filter: contrast(50%);

    </style>

</head>

<body>

<p>You should see a gray rectangle. Neither black nor white.</p>

<div class="square"></div>

</body>

</html>