<html> | |
<head> | |
<title>Scaling and box-shadow</title> | |
<style type="text/css" media="screen"> | |
#box { | |
height: 100px; | |
width: 100px; | |
margin: 20px; | |
background-color: gray; | |
-webkit-transform-origin: top left; | |
-webkit-box-shadow: 0px 20px 20px black; | |
transform: scale(2); | |
} | |
#box.smaller { | |
transform: scale(1); | |
} | |
</style> | |
</head> | |
<body> | |
<img id="box" class="smaller"> | |
</body> | |
</html> |