# Book page corner animation

**URL:** <https://forum.kirupa.com/t/book-page-corner-animation/183444>\
**Category:** Uncategorized\
**Created:** [March 27, 2006, 7:03am UTC](https://forum.kirupa.com/t/book-page-corner-animation/183444 "2006-03-27T07:03:57Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![furley](https://avatars.discourse-cdn.com/v4/letter/f/ee59a6/32.png) [@furley](https://forum.kirupa.com/u/furley)\
**Post date:** [March 27, 2006, 7:03am UTC](https://forum.kirupa.com/t/book-page-corner-animation/183444/1 "2006-03-27T07:03:57Z")

</div>

i have seen probably like 3 or 4 sites that use this type of animation. anybody know how to do it?

[http://[URL=“http://www.templatemonster.com/flash-templates/8784.html”]www.templatemonster.com/flash-templates/8784.html](http://www.templatemonster.com/flash-templates/8784.html)

---

<div class="post-metadata">

**Author:** ![ostmalm](https://avatars.discourse-cdn.com/v4/letter/o/dfb087/32.png) [@ostmalm](https://forum.kirupa.com/u/ostmalm)\
**Post date:** [March 27, 2006, 7:12am UTC](https://forum.kirupa.com/t/book-page-corner-animation/183444/2 "2006-03-27T07:12:20Z")

</div>

check here:  
[http://www.iparigrafika.hu/pageflip/](http://www.iparigrafika.hu/pageflip/)  
includes source  
or search for **pageflip**

---

<div class="post-metadata">

**Author:** ![Macaroni\_Ted](https://avatars.discourse-cdn.com/v4/letter/m/df788c/32.png) [@Macaroni\_Ted](https://forum.kirupa.com/u/Macaroni_Ted)\
**Post date:** [March 27, 2006, 7:13am UTC](https://forum.kirupa.com/t/book-page-corner-animation/183444/3 "2006-03-27T07:13:49Z")

</div>

> [@furley](#):
>
> i have seen probably like 3 or 4 sites that use this type of animation. anybody know how to do it?
> 
> [http://[URL=“http://www.templatemonster.com/flash-templates/8784.html”]www.templatemonster.com/flash-templates/8784.html](http://www.templatemonster.com/flash-templates/8784.html)

take a look at this tutorial for the basics of this effect.

[http://www.oreillynet.com/pub/a/javascript/2004/09/03/flashhacks.html[URL=“http://www.oreillynet.com/pub/a/javascript/2004/09/03/flashhacks.html”]](http://www.oreillynet.com/pub/a/javascript/2004/09/03/flashhacks.html)

---

<div class="post-metadata">

**Author:** ![furley](https://avatars.discourse-cdn.com/v4/letter/f/ee59a6/32.png) [@furley](https://forum.kirupa.com/u/furley)\
**Post date:** [March 27, 2006, 7:39am UTC](https://forum.kirupa.com/t/book-page-corner-animation/183444/4 "2006-03-27T07:39:19Z")

</div>

> [@Macaroni Ted](#):
>
> take a look at this tutorial for the basics of this effect.
> 
> [http://www.oreillynet.com/pub/a/javascript/2004/09/03/flashhacks.html](http://www.oreillynet.com/pub/a/javascript/2004/09/03/flashhacks.html)

very helpful. thanks.

cool effect don’t you think?

---

<div class="post-metadata">

**Author:** ![ostmalm](https://avatars.discourse-cdn.com/v4/letter/o/dfb087/32.png) [@ostmalm](https://forum.kirupa.com/u/ostmalm)\
**Post date:** [March 27, 2006, 8:10am UTC](https://forum.kirupa.com/t/book-page-corner-animation/183444/5 "2006-03-27T08:10:17Z")

</div>

check  
[http://www.iparigrafika.hu/pageflip/](http://www.iparigrafika.hu/pageflip/)  
includes source file  
or force the googledonkey to search for  
**pageflip**

---

<div class="post-metadata">

**Author:** ![Macaroni\_Ted](https://avatars.discourse-cdn.com/v4/letter/m/df788c/32.png) [@Macaroni\_Ted](https://forum.kirupa.com/u/Macaroni_Ted)\
**Post date:** [March 27, 2006, 9:06am UTC](https://forum.kirupa.com/t/book-page-corner-animation/183444/6 "2006-03-27T09:06:29Z")

</div>

> [@ostmalm](#):
>
> check  
> [http://www.iparigrafika.hu/pageflip/](http://www.iparigrafika.hu/pageflip/)  
> includes source file  
> or force the googledonkey to search for  
> **pageflip**

@furley… yeah its really good, ive see some great examples like the one ostmalm posted, and some awful ones…but they can all be a little heavy on the prosesser.

@ostmalm thats a good example great page effect!