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)

发表评论

请登录后发表评论: