# I'd like to do this

**URL:** <https://forum.kirupa.com/t/id-like-to-do-this/188977>\
**Category:** Uncategorized\
**Created:** [May 12, 2006, 9:01am UTC](https://forum.kirupa.com/t/id-like-to-do-this/188977 "2006-05-12T09:01:00Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![junkerjorg](https://avatars.discourse-cdn.com/v4/letter/j/9d8465/32.png) [@junkerjorg](https://forum.kirupa.com/u/junkerjorg)\
**Post date:** [May 12, 2006, 9:01am UTC](https://forum.kirupa.com/t/id-like-to-do-this/188977/1 "2006-05-12T09:01:00Z")

</div>

can someone please explain how the effect on this website is done. The part I am interested in is the way the page starts after preload with a line in the middle and grows outward and then opens into a square. I know it’s probably something very simple but I can’t seem to get a smooth looking one. I tried with masking. :hangover: Is it as simple as tweening and resizing?

[http://www.bankfashion.co.uk/main.html](http://www.bankfashion.co.uk/main.html)