Through what to do animation: css or jquery?

Question

css

For example, you can do :hover in css and .hover() in jquery - where is it more correct to do animation in css or jquery from the side of extension and further code maintenance?

Answer 1

Through css, because jquery does the same as you - defines the css style.
Let css be responsible for graphics (which is its task), and jquery for behavior. It is more intuitive and understandable to look at the style, and not to rummage through the jquery code to understand where, what and how you have defined.

Answer 2

jQuery is not an animation library.

Answer 3

Look at the animation. Describe the example in more detail, please.

Answer 4

<figure>
          <img src = "ch1.jpg"/>	
          <figcaption>
            <h1>hello</h1>
            <p>world!</p>
          </figcaption>
        </figure>
        <figure>
          <img src = "ch1.jpg"/>	
        </figure>
        <figure>
          <img src = "ch1.jpg"/>	
        </figure>

There are three pictures horizontally, when you hover over the cursor, the transparency of this particular picture (opacity) and the adjacent text (figcaption p) changes

Answer 5

Through CSS.