Material Design 实用案例演示

文章目录

Material Design 是 Google I/O 2014 最新推出的全平台设计指南。很多效果看起来很炫,有没有办法使用HTML5来做。下面分享一些靠谱的演示代码,代码都是来自codepen上面的代码:详细可以参考 Material Design 标签。

Material Design调色板

See the Pen Fullscreen Flexbox Color Picker by Le Roux Bodenstein (@lerouxb) on CodePen.

消息类型

See the Pen Polymer message styles by Carolina Valdez (@carolinavaldez) on CodePen.

Android L 涟漪效果

See the Pen Android L ripple effect without Polymer by Adam Gospodarczyk (@fronterweb) on CodePen.

See the Pen Paper button (without canvas) by Boris Kaiser (@boriskaiser) on CodePen.

Hierarchical Timing

See the Pen Google Material Design Hierarchical Timing by Prajwal Manjunath (@prajwalkman) on CodePen.

输入框

See the Pen Google Material Design Input Boxes by Chris Sevilleja (@sevilayha) on CodePen.

Animated Tabs

See the Pen Material Design App - Animated Tabs by keremciu (@keremciu) on CodePen.

Paper Elements

A sampler showcasing Polymer elements based on material design,查看在线演示(可能需要翻墙)

原创文章:Material Design 实用案例演示 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/material-design-demo.html)
评论已关闭。