Only until tomorrow! Use promo code: DMX15YEARS for at least 30% discount
Enhance Your Page with CSS3 Drop Shadows
October 9, 2012 by Ivo Rangelov

In today's demo we will show you how you can enhance a simple product page and give it more depth. For that purpose we made a site for selling yachts and used several of our extensions. We added a menu with the Universal CSS Navigation Menu, Google Maps for the location and finally we put different shadow effects with the DMXzone CSS3 Drop Shadows.

The Story

Yacht For Sale Demo

We created a menu with the Universal CSS Navigation Menu. To show the location we used DMXzone Google Maps. With the DMXzone CSS3 Drop Shadows we added various shadow effects: for the menu and the images below - raised with bottom direction; for the description div - lifted with left and right sides and for the location and contact elements - curved with left and right.


 

Extensions
Universal CSS Navigation Menu
Interactivity – Create all kind of great web site navigation menus
DMXzone Google Maps
Design – Empower full featured Google Maps in Dreamweaver!
DMXzone CSS3 Drop Shadows
Productivity – Add beautiful shadows to any page element
Mentioned Extensions
Advanced HTML Editor 3
Design – Meet the future of Content Editing
Universal CSS Navigation Menu
Interactivity – Create all kind of great web site navigation menus
Ajax AutoComplete
Interactivity – A filtered dropdown with choices after entering a few characters
DMXzone Google Maps
Design – Empower full featured Google Maps in Dreamweaver!
DMXzone CSS3 Drop Shadows
Productivity – Add beautiful shadows to any page element
HTML5 Designer Collection
Collections – Use the full power of HTML5 and CSS3 to create outstanding websites

Place your comment about Enhance Your Page with CSS3 Drop Shadows




You must me logged in to write a comment
Comments

Be the first to place a comment