<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>Clip property (reference)</title> | |
</head> | |
<body> | |
<p>Rectangles should be clipped.</p> | |
<div style="background: green; width: 200px; height: 200px; position: absolute; top: 100px; clip: rect(0px 100px 100px 0px)"></div> | |
<div style="background: green; width: 200px; height: 200px; position: absolute; top: 300px; clip: rect(0px 100px 100px 0px)"></div> | |
</div> | |
</body> | |
</html> |