描点鼠标移上去动画

发布时间：2020-12-15 00:22:55 所属栏目：C语言来源：网络整理

导读：CSS 样式 a:hover { color: rgb(69,86,103); } a:before { content: " "; position: absolute; width:100%; height: 2px; bottom: -.3rem; left: 0; background-color: rgb(69,103); visibility: hidden; transform: scaleX(0); -webkit-transform: scaleX(0

CSS 样式

a:hover {

color: rgb(69,86,103);

}
a:before {

content: " ";

position: absolute;

width:100%;

height: 2px;

bottom: -.3rem;

left: 0;

background-color: rgb(69,103);

visibility: hidden;

transform: scaleX(0);

-webkit-transform: scaleX(0);

transition: all 0.3s ease-in-out;

-webkit-transition: all 0.3s ease-in-out;

}
a:hover:before {

visibility: visible;

transform： scaleX(1);

-webkit-transform: scaleX(1);

}

HTML 页面


DEMO: 
                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!