g
Size: a a a
2021 December 05
D
D
Или монгольское
D
Он там поет регулярку для парса html
ИБ
Всем привет ребят. Подскажите пожалуйста. практикуюсь с js. как сделать, чтобы при наведении на ссылку нижний бордер появлялся плавно в право
ИБ
как это правильно называется
D
Измеряешь позицию и ширину наведенного пункта, двигаешь и меняешь размер полосы
AE
это бордером не получится сделать, у него ширина не настраивается.
D
Плавность достигается свойствосм transition в css
AE
или может уже придумали и такое
j
это через css легко делается, есть немного тяжелее путь когда этот бордер перемещается за курсором, но тоже через css делают
ИБ
a
color white
text-decoration none
display @display
margin-top 24px
text-transform uppercase
transition all .3s ease-in-out
&:hover
color greenlih
&:after
opacity 1
transform translateX(0px)
&:after
content ''
width @margin-top + 10px
height 5px
background greenlih
display @display
relative top 5px
opacity 0
transform translateX(100px)
transition all .2s ease-in-out
color white
text-decoration none
display @display
margin-top 24px
text-transform uppercase
transition all .3s ease-in-out
&:hover
color greenlih
&:after
opacity 1
transform translateX(0px)
&:after
content ''
width @margin-top + 10px
height 5px
background greenlih
display @display
relative top 5px
opacity 0
transform translateX(100px)
transition all .2s ease-in-out
ИБ
нащед вроде
ИБ
только что за дичь такая в css
ИБ
у меня даже редактор код не видит