php实现动态按钮效果,在用css3制作按钮的动效时实现了动态效果，但按钮上的文字无法显示...

具体代码我贴在下面,就是在鼠标悬停在按钮上时有动画效果，但文字无法显示，想了好久不知问题出在哪里，

css3动画

.btn-box{

margin: 50px auto;

width: 200px;

}

a{

text-decoration: none;

position: relative;

display: inline-block;

background-color: #f01414;

color: #fff;

height: 60px;

line-height: 60px;

padding: 0 35px;

border-radius: 3px;

font-size: 18px;

font-weight: 700;

transition: background-color .3s ease;

}

a:hover{

background-color: #f34444;

}

a:before{

content: '';

display: block;

position: absolute;

left: 0;

top: 0;

height: 100%;

width: 100%;

background-color: #f34444;

visibility: hidden;

z-index: 1;

transform: scale(0,1);

transition: transform .3s ease;

}

a:hover:before{

visibility: visible;

transform: scale(1,1);

}

立即购买