WebAppers

/ best free open source web resources /

Graphic Resources

An Interactive 3D Mall Map Concept

Posted · Category: License Free, Maps

Today Codrops has shared an Interactive 3D Mall Map experiment with us. The idea is to show a mall map with all its floors in perspective. Additionally, we have a search in a sidebar that allows to filter mall spaces. Once a floor is selected, we show some pins as indicators for the different stores/spaces.

When clicking on a pin, we show some more details of that space. We’ve mostly used CSS trickery for this, applying transitions that will rotate and move the levels by adding or removing classes. The levels are represented by inline SVGs. This concept can be applied to any kind of floor map actually; any building that has several floors and spaces could be an interesting use case for this.

interactive-map

Requirements: –
Demo: http://tympanus.net/Development/Interactive3DMallMap/
License: License Free

1 Comment
  • Softbiz Solutions

    I really like the concept of Interactive 3D Mall Map, its very useful, very good stuff.

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons