Search
 
SCRIPT & CODE EXAMPLE
 
CODE EXAMPLE FOR CSS

Add animated GIF when hovering an image

<style>
    #image{
    background-image:url('https://image.freepik.com/free-photo/image-human-brain_99433-298.jpg');
    height:400px;
    max-width:400px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    }
    #image:hover{
    background-image:url('https://media.emailonacid.com/wp-content/uploads/2019/03/2019-GifsInEmail.gif');
    }
    </style>
    
    <div id="image"></div>
Source by stackoverflow.com #
 
PREVIOUS NEXT
Tagged: #Add #animated #GIF #hovering #image
ADD COMMENT
Topic
Name
4+1 =