Mouseover Image Alignment RRS feed

  • Question

  • Hi All,

    I am using the code below as a mouse over image, and it works if i only have 1 image. I have 12 images and i would like to present them into 3 rows of 4. Although when i duplicate the code and change the URL image, it just duplicates the last image and is places one under another. can anyone please help me? I have never coded before.

        #divImage {
       background-image: url('Image URL');
       height: 350px;
       width: 275px;
     background-size: 100% 100%;

    #divImage:hover {
       background-image: url('Image URL');
    background-size: 100% 100%;

      <div id="divImage"></div>

    Tuesday, May 15, 2018 6:10 AM