# Website "build" animations... how are they done in non-Flash sites?

**URL:** <https://forum.kirupa.com/t/website-build-animations-how-are-they-done-in-non-flash-sites/327648>\
**Category:** web dev\
**Created:** [March 16, 2012, 3:28pm UTC](https://forum.kirupa.com/t/website-build-animations-how-are-they-done-in-non-flash-sites/327648 "2012-03-16T15:28:13Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![azukizero](https://avatars.discourse-cdn.com/v4/letter/a/74df32/32.png) [@azukizero](https://forum.kirupa.com/u/azukizero)\
**Post date:** [March 16, 2012, 3:28pm UTC](https://forum.kirupa.com/t/website-build-animations-how-are-they-done-in-non-flash-sites/327648/1 "2012-03-16T15:28:13Z")

</div>

Hi all,

I’ve been working in Flash for years and have only recently gone back to development in HTML/CSS. I’ve seen several amazing sites out there that have animation builds when the site or page first loads that seem to be done in CSS or maybe Javascript. I would be able to easily do this in Flash but I don’t have a clue in HTML/CSS… How is this done?

Here’s an excellent example:  
[http://www.quazarwebdesign.com/](http://www.quazarwebdesign.com/)

See how the page elements animate into place when it first loads? If anyone can explain that to me so I can start learning how to do it in my projects, I’d really appreciate it!

Thanks!