zony.me

用 CSS3 实现一个透明色的按钮

CSS
/*a标签鼠标移入*/
a:hover { 
    border-color:white; /*边框颜色*/
    color:black; /*文字颜色*/
    background-color:white; /*背景变白*/
}

/*移除a标签样式*/
a:link,a:visited{
      text-decoration:none;
}


.tm-intro-link
{
    border:2px solid; /*边框*/
    color:white; /*边框及文字颜色*/
    /*border-radius:50px;圆角*/
    display:inline-block;
    padding:15px 60px;
}

/*渐变*/
a{
      transition:all 0.3s ease
}
<a href="#" class="tm-intro-link">我是一个测试按钮</a>

初学前端,感觉好难。

用 CSS3 实现一个透明色的按钮
作者 Zony · 发布于 2017-04-04
Licensed under CC BY-NC-SA 4.0
← 上一篇C# 迭代器与迭代器块的使用下一篇 →MySql DateTime 自动变更的坑