-
CSS3鼠标悬停文字边框背景动画特效.zip下载
资源介绍
代码片段：
body{overflow:hidden;}
/* ~~~~~~~ INIT. BTN ~~~~~~~ */
.btn {
position: relative;
padding: 1.4rem 4.2rem;
padding-right: 3.1rem;
font-size: 1.4rem;
color: var(--inv);
letter-spacing: 1.1rem;
text-transform: uppercase;
-webkit-transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn:before, .btn:after {
content: '';
position: absolute;
-webkit-transition: inherit;
transition: inherit;
z-index: -1;
}