CSS 머티리얼디자인 양각 버튼

CSS material design raised button
CSS 머티리얼디자인 양각 버튼
CSS 머티리얼디자인 레이즈드 버튼

1 예시[ | ]

<style>
.btn-raised {
    padding: .5em 1.2em;
    text-decoration: none;
    color: #fff;
    background: #2196F3;
    text-align: center;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.btn-raised:hover {
    background: #42A5F5;
}
</style>

<br>

<a href='#' class='btn-raised'>동의합니다</a>

<br><br><br>

<a href='#' class='btn-raised'>BUTTON</a>

2 같이 보기[ | ]

3 참고[ | ]

https://www.google.com/design/spec/components/buttons.html