Automatic price or product carousel (kind of)

Discussion in 'JavaScript' started by chino999, Nov 29, 2022.

  1. #1
    Hi, i'm trying to create some animations on my website that looks like a carousel
    You can see what i'm trying to achieve with the links below

    basically, i would like each square to become bigger, the animation to occur automatically, not on hover and gradually (1 goes ahead, then goes back, 2 goes after and then 3 and it repeats to infinite )
    Link to animation 1 example
    https://www.loom.com/share/8358d0c8536d40688882e940ddb5f04c

    for the second animation, it would be the same logic, but instead of getting bigger, the opacity increases and it moves slightly on the right (a few pixels)
    see image below

    https://www.loom.com/share/6b7a9793020c4494b28e34a3d416fd68

    the website is https://www.syoux.net/ if you need to see it live

    I've tried to achieve it with css but failed to insert logic and sync the three
    also i'm a beginner in webdev
    (also i'm french, so excuse my bad english :/)

    Thanks for your help
     
    chino999, Nov 29, 2022 IP