从左到右悬停动画底部边框

Question

当你悬停底部边框应该动画。代码是在第一个小提琴中工作，但是当我尝试在第二个小提琴中复制它时不会。

#name:hover > .slider {
width: 100%;
}

.project-list .title a:hover > .slider {
width: 100%;
}

https://jsfiddle.net/0ou3o9rn/4/

https://jsfiddle.net/0ou3o9rn/9/

Answer 1

找到 working fiddle demo

给出相对于标签的位置。

<a href="#modal7" class="nombore">
     <span>/07</span>
     <span class="slider"></span>  
 </a>

.nombore{
    position:relative;
    display:inline-block;
    transition: all 0.3s ease-out;
}

Answer 2

＆＃34;滑块div＆＃34;我认为应该在跨度内。 啊，你的段落也搞砸了所有东西。