世敏网络是一家专注于企业建站系统开发，网站建设，网站设计，网站制作，小程序开发，功能定制开发等互联网领域设计的专业公司
世敏网络拥有多年的企业建站系统研发经验，在不断对方案优化的过程中搭建了"创意+技术+营销"一体化的服务模式
时间：2019-05-24 浏览量： 收藏
CSS3线性动画—按钮悬停效果
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>按钮悬停效果</title>
<style>
html,body{
height:100%;
background:#ffebff;
}
body{
text-align:center;
}
body:before{
content:'';
height:100%;
display:inline-block;
vertical-align:middle;
}
button{
background:#fff;
color:#f90;
border:none;
position:relative;
width:300px;
height:60px;
font-size:1.6em;
padding:0 2em;
cursor:pointer;
transition:800ms ease all;
outline:none;
}
button:hover{
}
button:before,button:after{
content:'';
position:absolute;
top:0;
right:0;
height:2px;
width:0;
background: #1AAB8A;
transition:400ms ease all;
}
button:after{
right:inherit;
top:inherit;
left:0;
bottom:0;
}
button:hover:before,button:hover:after{
width:100%;
transition:800ms ease all;
}
</style>
</head>
<body>
<button>xmsmwl.cn</button>
</body>
</html>
RELATED RECOMMEND
2019-05-24
企业网站导航设计是网站中一个很重要的因素，一个合理的导航设计不但利于搜索引擎优化，还对提升用户体验至关重要，迅速了解自己所处的位置，这对提高用户的转化率十分有用。在网站建设中做好各类导航设计对网站后期的优化推广十分有利。 下面我们就来看看在网站设计制作中，做好导航设计的相关几点。 1、辅助导航。 为用户提供一个直观的展示，让用户知道自己所在的网站位置，这样可以让每一级的位置名称的有链接可会，每一个网页都必须包含辅助导航以及左上角的网站的logo标识。 2、网站logo链接。 在网站设置中，在每一个出现网...
2019-05-24
企业如何选择网络公司建站的常见问题，世敏网络总结以下几点：1、企业会以自己建站的要求，比如需要哪些功能板块，界面的风格等直接来衡量各网络公司报的费用，很多具体细节的东西企业并不知道，这样一些网络公司可能就会以最简单的方式来做，这样省时、省力，因为很多
2019-05-24
厦门网站建设包括网站策划、网页设计、网站功能、网站优化技术、网站内容整理、网站推广、网站评估、网站运营、网站整体优化、网站改版等。网站建设的前期准备包括了前期网站定位、内容差异化、页面沟通等战略性调研，这个过程需要网站策划人员、美工设计人员、PHP程
闽公网安备 35020502000640号
