时间：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
外贸电商领域 Twitter 已成为一种极具潜力的推广工具，能够为外贸网站快速导入大量流量，是外贸电商发展的时代趋势。一、将 Twitter 和外贸网站关联起来（一）添加 Twitter 分享按钮在网站添加 Twitter 分享按钮意义重大。这不仅方便客户将网站产品、内容分享到他们自己的 Twitter，更关键的是，每当网站更新产品或文章时，我们自己要把更新内容分享到自己的 Twitter 上。如
2019-05-24
在如今这个网络盛行的时代，富媒体已然不是什么新奇玩意儿，尤其是谷歌广告里屡屡现身的富媒体呈现样式，着实让人看得目不暇接。不过，鲜为人知的是，自然排名结果之中其实同样潜藏着形形色色的富媒体内容。这些富媒体元素仿若一把充满魔力的钥匙，哪怕咱们的网站在搜索结果里的排名欠佳（例如处于首页非前三的位置），却也能借助它们叩开与更多用户互动交流的大门，使得原本白热化的关键词排名角逐不再那般惨烈。那么，作为 SE
2019-05-24
外贸网站提示用户是否接受cookie是因为cookie对网站及用户都有好处，但同时也可能对用户的隐私造成影响。Cookie是一种小型文档，由网站发送到用户的设备上，用于记录用户的行为和偏好，从而提供个性化的浏览体验。它们可以记录用户的登录状态、购物车信息等，以便用户下次访问时无需重新输入。同时，cookie还帮助网站分析用户行为，如页面浏览量、停留时间和点击次数等，为网站
Copyright © 2012-2025世敏网络 版权所有 闽ICP备18026760号-1 
闽公网安备 35020502000640号 网站地图 Sitemap 关键词聚合
