Drop shadows as the new Material Design

3,195 views
Skip to first unread message

relu...@gmail.com

unread,
Jun 29, 2014, 2:58:27 PM6/29/14
to gwd...@googlegroups.com
Hello,
I came across GWD after I saw the new Material design presentation and I thought that I can build material sites with that. My assumptions are wrong? Is there a way to add that cool shadows only by setting the Z position of an element in the stage?Or is there some documentation about how to that ?

Thanks for your attention,
Regards

Craig N.

unread,
Jul 1, 2014, 12:15:00 PM7/1/14
to gwd...@googlegroups.com

Hi,


You can currently use the Material Design effect for your web apps, but not in GWD at the moment.  

Material Design is based off of the open source Polymer Project, and here is a link with information and documentation:


Polymer Project

http://www.polymer-project.org/


Material Paper Elements:

Topeka:



Here is a link to the new Google Design documentation that will give you an idea of how the Material hover effects work.


Google Design

http://www.google.com/design/spec/layout/layout-principles.html#layout-principles-dimensionality


If you know a little CSS you can create the same effect by using the box-shadow property and setting the offset and blur to simulate it.


Pretty cool and hope this helps!


- CN


Reply all
Reply to author
Forward
Message has been deleted
0 new messages