Type your
HTML
here:
(scripts and custom event handlers are not allowed)
<p id="tunnel-vision"><dfn>tunnel vision</dfn> <i>(n)</i> <strong>1.</strong> constriction of the visual field resulting in loss of peripheral vision; <strong>2.</strong> extreme narrowness of viewpoint (narrowmindedness), single-minded concentration on one objective.</p>
Type any
CSS
you want here:
(any properties allowed except expression, behavior and @import)
/* here's clip in action */ #tunnel-vision { width:300px; height:150px; clip:rect(50px 250px 100px 50px); } /* this is to make the demo look pretty */ #tunnel-vision { position:absolute; background:#ff9; font-size:1.4em; }
Show me!
Your results appear here: