Date: 2021-08-04 18:10:50, Hit: 340

Css 按鈕 MouseOver 下划线效果

<style>
    .btn { display: inline-block; padding:5px; text-decoration: none; color:#000; position: relative;}
    .btn:after { content: ''; width:0%; height:2px; background-color: #e60036; position: absolute; bottom:0; left:50%; transition: all 0.2s ease;}
    .btn:hover:after {left:0; width:100%;}
</style>
Edit Delete
License by Moony