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; }