css-filters-animation-brightness-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

<head>

    <title>CSS Filters Animation: Brightness 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: blue;

            filter: brightness(50%);

    </style>

</head>

<body>

<p>You should see a dark blue rectangle. Neither black nor blue.</p>

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

</body>

</html>