При наведении нижней границы следует оживить. Код работает в первой скрипке, но не тогда, когда я пытаюсь воспроизвести его во второй скрипке.При наведении анимации нижняя граница слева направо
#name:hover > .slider {
width: 100%;
}
.project-list .title a:hover > .slider {
width: 100%;
}
https://jsfiddle.net/0ou3o9rn/4/
https://jsfiddle.net/0ou3o9rn/9/
найти 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;
}
Я проигнорировал это, потому что это должно быть возможно без дополнительного диапазона ползунка. – poitroae
Уважаемые Путрои, конечно, это возможно без дополнительного пролета и слайдера. Для вас я сделал отредактированный скрипт https://jsfiddle.net/0ou3o9rn/21/. Я сделал это, потому что в его вопросе пробел и слайдер div уже был. Итак, я думал, его можно так хотеть. – locateganesh
"слайдер ДИВ" должен быть внутри диапазона, я думаю. Ах, а также ваш абзац испортил все.
'border' не является элементом, который вы можете анимировать таким образом; это либо есть, либо нет, вы не можете заставить его расти, сохраняя при этом элемент принадлежности статической шириной. Первый JSFiddle использует отдельный div и меняет ширину от 0% до 100% от ширины контейнера. – TylerH