实现一个滑动按钮,鼠标悬浮时自动向右滑动
要求1.只使用一个dom元素
效果链接 codepen
<div class="demo"></div>
.demo {
width: 200px;
height: 50px;
position: relative;
background-color: teal;
}
.demo::after {
content: '';
display: inline-block;
height: 50px;
width: 30px;
background-color: tomato;
position: absolute;
right: 0;
top: 0;
transition: all 2s;
}
.demo:hover::after {
right: 170px;
}