Some effects for a perspective page view navigation where the page itself gets pushed away in 3D to reveal a menu or other items.
Pushing the site content aside to reveal a navigation has certainly become a trend for mobile navigations. The approach reflects some practices in app design where "views" are shown with animations. Here are small set of effects that take the page and move it in 3D to reveal a navigation.
A tutorial about Creating Animated CSS3 Perspective Menu with jQuery. It's sidebar menu that when clicked would shift the perspective of the current window and slant it in a way that revealed the menu options.
It can be used as horizontal or vertical.
Flux Slider is a CSS3 animation based image transition framework, inspired in part by Nivo Slider jQuery plugin.
The aim is to use hardware acceleration where possible to improve performance on less powerful devices, such as mobiles & tablets.
Also Flux Slider Wordpress plugin is avalibale too.
Learn to create a slider timeline menu with CSS3 animations and jQuery. It is a fixed navigation that smooth scrolls to new sections with a cool slider effect.
WordsRotator is a jQuery plugin to easily add rotating words with CSS3 animation.
Fly Side Menu is a script that will recreate the impressive animation you see on Airbnb's new iOS7 app using jQuery and CSS3. Also it has some additional options and it tested on modern browsers such as Chrome, Firefox, and Safari.
A nice article about building up an easily customizable HTML5 <video> player, including packaging it as a simple jQuery plugin, choosing control types and outputting custom CSS for your own situation.
In this article you will look at
Slippry is responsive slider plugin for jQuery.
Slippry is written to work on the latest jQuery functions, CSS3 tricks and HTML5 elements. Slippry offers a heap of settings you actually need, and with the included CSS and Sass you can make Slippry look just how you need it.
Slideme is a responsive, css3, compatible (works fine even with IE7), customizable, easy to install (and use), multi-instance, fullscreen, cool, powerful slideshow plugin for jQuery.
FerroMenu is a free jQuery plugin that allows you to create animatable, responsive, user and mobile friendly bubble menus in a cool way and drag them through the screen.
With sevaral options you can customize the behaviuor of FerroMenu. It can be dragged around the screen, or you can set the transition time, delay and easing.
A template for a split layout with two sides. When clicking on a half in the initial view, the layout moves into the respective direction with some transition effects.
Minimit Anima is a jQuery plugin to animate with transforms and transitions.
It's built to have fast animation execution, and it has an api similar to jquery animate, with animations queueing.
A tutorial about Creating Pentagon Hover Effect by using CSS3 and jQuery. It smoothly meshes together a rotate effect with a slight nudge right to the image along with a colorization of the image.
Custombox is a jQuery modal window effects with CSS3 transitions. There are many effects such as FadeIn, Slide, Newspaper, Fall, Sidefall, Blur, Flip, Sign, Superscaled, Slit, Rotate,Letmein, Makeway, Slip etc.
A tutorial on how to create a off-canvas icon navigation with an animated border effect. The menu effect is inspired by CreativeDash's bounce menu for mobile apps.
