Another solution would be to have a 2nd image for the hover state, but that comes at a price because you are downloading more images. Use CSS to show a full sized image when a thumbnail is hovered over. CSS3 Image Hover Effects are a set of 17 Image Hover Effects uses some of the best and newest CSS3 features to showcase your images in a unique way. The effect is simple and takes only a few screen space, so you can easily squeeze this effect. Playing around with cool CSS features like custom properties, filters, clipping and 20 hover effects for card in HTML, CSS and little JS. i appreciate ur explanation, how can one use the code for a playing a card flip over game to be played by 2-8 people where the person with the highest sum of two card wins, with each person staking virtual points and the winner takes all points contibuted.