我想获取一个类似于这里的CSS过渡示例(下拉菜单示例)。到目前为止,我只能改变文本和背景颜色,但无法实现整个过渡效果(鼠标悬停时矩形滚动并且当鼠标离开时平滑地滚回去),有什么办法可以实现吗?这是我的代码:
a.menulink
{
text-decoration: none;
color: #000000;
background-color: rgb(235,235,185);
-webkit-transition: color .25s linear;
transition: color .25s linear;
transition: background-color .15s linear .1;
}
a.menulink:hover
{
text-decoration: none;
color: #FFFFFF;
background-color: rgb(255,24,24);
-webkit-transition: color .25s linear, background-color .15s linear .1s;
transition: color .25s linear, background-color .15s linear .1s;
}
谢谢您的支持。