Sur le vol stationnaire animer bordure en bas de gauche à droite

Lorsque vous placez le pointeur de la bordure du bas devrait animer. Le code de travail dans le premier violon, mais pas quand j'essaie de le reproduire dans le second violon.

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

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

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

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

border n'est pas un élément, vous pouvez animer cette façon; c'est là ou il ne l'est pas, vous ne pouvez pas le faire grandir tout en gardant la possession d'un élément statique de la largeur. La première JSFiddle est en utilisant un div et la modification de la largeur de 0% à 100% du conteneur largeur.

OriginalL'auteur user2252219 | 2015-09-01

  1. 10

    trouver travail violon démo

    donner la position par rapport à une balise.

    <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;
}
    Je downvoted parce que cela devrait être possible, sans curseur durée.
    Chers Poitroae, il est bien sûr possible sans autre durée et le curseur de l'élément. Pour vous j'ai fait un édité violon jsfiddle.net/0ou3o9rn/21. Je l'ai fait parce que, dans sa question, l'envergure et le curseur div était déjà là. Alors, j'ai pensé, il a peut-être voulu comme ça.

    OriginalL'auteur locateganesh

  2. 0

    Le curseur "div" doit être à l'intérieur de la durée, je pense.
    Ah et aussi votre paragraphe gâcher tout.

    OriginalL'auteur Valentincognito