代码片段： 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 6

5种简单好看的CSS3鼠标悬停文字边框背景动画特效，边框与背景从上、从下、从左、从右、从中间动画出现。