Cancelled

Updated: CSS 3D Interactive Carousel.

Hello!

This can be done rather fast by someone who is skilled in web design.

I need to reproduce this type of CSS 3D carousel, please consult the link bellow :

[url removed, login to view]

The project requirements go as follows:

Each panel of the carousel will represent a category display for a restaurant menu.

When a user clicks on a panel, a menu-card (image+text & possibly video) appears bellow the carousel. The menu-card contains information relevant to the panel's category.

If a user was to click the same panel again, the menu-card is automatically refreshed with NEW menu-card that is chosen at random from a variety of menu cards from that same category. The same applies for each panel.

The menu-card should appear with a fade-in and have a smooth slide-flip effect. The 1st side that is visible should be a logo and the the flip side (2nd side) is where the image+text & possibly video is displayed.

Please see the link that follows for the card slide flip:

[url removed, login to view]

The rotation of the carousel should be controlled with buttons, as shown in the example, or by hovering the mouse pointer in the desired direction.

I need:

Working example+Scrip+code+instructions as to how this can be implemented. It should all be with HTML5, CSS, JavaScript, WEBKIT. If you have alternative suggestions please let me know.

Thank you for taking the time to consider this project and have a great day!

Skills: AJAX, CSS, HTML5, Javascript, Website Design

See more: html5 carousel, flip carousel html5, javascript interactive carousel, interactive carousel menu, interactive carousel javascript, html5 card carousel, web design random, web design carousel html, web consult, user interactive website design, restaurant menu project examples, random logo design, random logo, logo design mouse, image carousel code, carousel design, 3d text, html5 examples, website 3d, webkit, restaurant website html, menu card design, interactive web, interactive web design, interactive html5

About the Employer:
( 1 review ) Montreal, Canada

Project ID: #1277580