Google Material Design 學習01 - 按鈕
<paper-button>
最近開始研究Google Material Design，先拿按鈕來開刀，按鈕的HTML標簽是 <paper-button> ，有很多屬性可以用，透過EZoApp這工具，讓我可以直接拖拉按鈕研究相關屬性，實在太方便了，按鈕本身的屬性如下
|
|
先記錄幾個比較重要的屬性 icon: 可以直接選擇要使用的內定ICON iconSrc: 可以直接放自己圖的連結 raisedButton: 要不要提供點選的觸動效果 這裡有遇到一個問題，我看Material Design的人物照片都是用圓形的，所以找了一下，原來只要設定CSS就可以實現了，如下所寫 paper-button::shadow #icon { border-radius: 12px; } 這寫法的意思是深入paper-button元件，用id的方式取得icon這元素，然後設定border-radius就可以了 至於按鈕顏色我就直接參考 Google Material Design 來挑選，顏色看起來很漂亮 |
做了個小實驗，發現只要搭配grid排版，按鈕會自動撐滿，看起來也很漂亮，真佩服Google做的這麼貼心~
範例連結: Link
