<!DOCTYPE html> | |
<html> | |
<style> | |
#container { | |
position: relative; | |
top: 412px; | |
} | |
#x { | |
background: green; | |
width: 100px; | |
height: 100px; | |
filter: drop-shadow(0 100px); | |
} | |
body { | |
height: 3000px; | |
} | |
</style> | |
<body> | |
<div id=container> | |
You should see a green square box and a black square box. | |
<div id=x></div> | |
</div> | |
</body> | |
<script> | |
scrollTo(0, 412); | |
</script> | |
</html> |