CSS Clipping (or another way to do a sliding object)
Posted: Wed Jan 26, 2005 2:33 pm
Hi,
I have a large table cell (400x400 ish) and I want div elements to appear to slide into it from the right hand edge.
I haven't a clue where to start.
I was gonna try starting with it clipped to 0px then reducing the clip size and starting to move it further to the left with each reduction in clipping.
Only problem is I can't seem to get the clip feature to work.
Can I do this an easier way anyway?
Thanks 
I have a large table cell (400x400 ish) and I want div elements to appear to slide into it from the right hand edge.
I haven't a clue where to start.
I was gonna try starting with it clipped to 0px then reducing the clip size and starting to move it further to the left with each reduction in clipping.
Only problem is I can't seem to get the clip feature to work.
Can I do this an easier way anyway?
Code: Select all
<div style="border:1px solid black; background:yellow; width:200px; height:200px; position:relative; clip:rect(0px, 100px, 0px, 0px)">
Test text
</div>