mask属性是css3的吗_使用CSS3 mask（蒙版，遮罩）属性实现超酷按钮悬停动画

CSS

语言：

CSSSCSS

确定

@import url("https://fonts.googleapis.com/css?family=Lato:100,300,400");

@import url("https://fonts.googleapis.com/css?family=Roboto:100");

* {

margin: 0;

padding: 0;

box-sizing: border-box;

}

.header {

text-align: center;

font-family: 'Roboto', sans-serif;

font-size: 34px;

margin-top: 12vh;

}

.footer {

text-align: center;

font-family: 'Lato', sans-serif;

font-weight: 300;

font-size: 20px;

margin-top: 15vh;

}

.button-container-1 {

position: relative;

width: 100px;

height: 50px;

margin-left: auto;

margin-right: auto;

margin-top: 6vh;

overflow: hidden;

border: 1px so