<!DOCTYPE html>
<html>
<head>
<style>
.square {
    display: inline-block;
    height: 128px;
    width: 128px;
    margin: 20px;
    background-color: yellow;
    box-shadow: 0 0 12px 1px green;
}
</style>
</head>
<body>
    <!-- Test: -webkit-box-shadow before box-shadow -->
    <div class="square"></div>
    <!-- Test: box-shadow before -webkit-box-shadow -->
    <div class="square"></div>
</body>
</html>