# HELP: how to make a 3d page transition with css and jquery

**URL:** <https://forum.kirupa.com/t/help-how-to-make-a-3d-page-transition-with-css-and-jquery/635250>\
**Category:** web dev\
**Created:** [September 12, 2016, 6:13pm UTC](https://forum.kirupa.com/t/help-how-to-make-a-3d-page-transition-with-css-and-jquery/635250 "2016-09-12T18:13:23Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![priyaravidesign](https://avatars.discourse-cdn.com/v4/letter/p/96bed5/32.png) [@priyaravidesign](https://forum.kirupa.com/u/priyaravidesign)\
**Post date:** [September 12, 2016, 6:13pm UTC](https://forum.kirupa.com/t/help-how-to-make-a-3d-page-transition-with-css-and-jquery/635250/1 "2016-09-12T18:13:24Z")

</div>

Hi everyone,  
I’m a student in webdesign, i’m building my portfolio using html/css and jquery.

What i want is:

- apply a \*\*page transition effect using css with the ‘perspective’ or ‘transform’
- and on click on navigation button using jquery, i want my page to transform with a 3d effect or a sliding effect\*\*

I found a Pagetransition Pack which does the effects i want; here is the link: [http://tympanus.net/Development/PageTransitions/](http://tympanus.net/Development/PageTransitions/)

can someone please help me to understand how it works, and how i can apply it to my pages? (with a simple example?)

& sorry for my english, i’m french. 😐  
thanks in advance.