How to make a animation underline paragraph?

5cc9133d862f5147922160.png The image shows state. When you hover the mouse over the paragraph in turn should gradually emphasize the line. Can be implemented with minimal use of js?
March 20th 20 at 11:19
1 answer
March 20th 20 at 11:21
Solution
Thank you, this is what I need - Priscilla commented on March 20th 20 at 11:24
Hey ...tell me what three points ? [...document.querySelectorAll here in this answer : https://ru.stackoverflow.com/a/976738/330688 - Shad.Doyle74 commented on March 20th 20 at 11:27
@Kiel_Kuvalis, the operator spread https://habr.com/ru/post/348718/
in the example on the link he nafig not needed, which will return a NodeList querySelectorAll, and so has the forEach method. - Davon.Strom commented on March 20th 20 at 11:30
@willa35, NodeList is a collection ? And in some cases used spread ? he then replaces ? - Shad.Doyle74 commented on March 20th 20 at 11:33
@Kiel_Kuvalis, and this collection has no methods map, reduce, includes, etc. and if needed they can be spread operator to convert NodeList to Array and use all array methods to work with it. There is another Array.from() - Davon.Strom commented on March 20th 20 at 11:36
@willa35, but there's also the example he just used the reduce and used at the same time ... this is - Shad.Doyle74 commented on March 20th 20 at 11:39
@Kiel_Kuvalis, well then where the reduce is necessary, and where the forEach - you can do without ... - Davon.Strom commented on March 20th 20 at 11:42

Find more questions by tags CSSAnimation