Back to Top
The nuts and bolts for
Creative web development

Enhance Your Page with CSS3 Drop Shadows

“Adding drop shadows for greater user experience”

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.


 

Showcases

Yacht For Sale Showcase

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

Advanced HTML Editor 3
Meet the future of Content Editing
Universal CSS Navigation Menu
Create all kind of great web site navigation menus
DMXzone CSS3 Drop Shadows
Add beautiful shadows to any page element
Google Maps Directions Add-on
Display the best route with directions!
Ajax AutoComplete
A filtered dropdown with choices after entering a few characters
DMXzone Google Maps
Empower full featured Google Maps in Dreamweaver!
Google Maps Drawing Add-on
Sketch anything you want directly in Dreamweaver
 

Share this Article