<html> | |
<head> | |
<style type="text/css"> | |
#shadowBox { | |
-webkit-background-clip: text; | |
-webkit-box-shadow: 0 100px #f00; | |
width: 100px; height: 100px; | |
} | |
#greenBox { | |
font-size: 100px; | |
background-color: #0f0; | |
width: 100px; height: 100px; | |
} | |
</style> | |
</head> | |
<body> | |
<!-- Try select/deselect the space in the green box below. You should not see red. --> | |
<div id="shadowBox"></div> | |
<div id="greenBox" > </div> | |
</body> | |
</html> |