Ever mouse over an image on a website and it zooms in subtly and then you move your mouse pointer off the image, and it goes back to normal? Well, they are most likely using a CSS transition to make that effect.<\/p>\n\n\n\n
Below is some CSS and HTML code to use to make that effect. Yes, that is all the code you need. Check out the transition<\/a> and transform<\/a> pages on Mozilla’s MDN Web Docs<\/em> for more information.<\/p>\n\n\n\n Ever mouse over an image on a website and it zooms in subtly and then you move your mouse pointer off the image, and it goes back to normal? Well, they are most likely using a CSS transition to make that effect. Below is some CSS and HTML code to use to make that effect. […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[64],"tags":[13,15,25,68,67],"aioseo_notices":[],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/bostonianadam.com\/wp-json\/wp\/v2\/posts\/2651"}],"collection":[{"href":"https:\/\/bostonianadam.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bostonianadam.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bostonianadam.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bostonianadam.com\/wp-json\/wp\/v2\/comments?post=2651"}],"version-history":[{"count":2,"href":"https:\/\/bostonianadam.com\/wp-json\/wp\/v2\/posts\/2651\/revisions"}],"predecessor-version":[{"id":2662,"href":"https:\/\/bostonianadam.com\/wp-json\/wp\/v2\/posts\/2651\/revisions\/2662"}],"wp:attachment":[{"href":"https:\/\/bostonianadam.com\/wp-json\/wp\/v2\/media?parent=2651"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bostonianadam.com\/wp-json\/wp\/v2\/categories?post=2651"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bostonianadam.com\/wp-json\/wp\/v2\/tags?post=2651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}CSS Code<\/h3>\n\n\n\n
<style>\n.img{\n transition: all 1.1s ease;\n}\n.img:hover{\n transform: scale(1.1);\n}\n<\/style><\/code><\/pre>\n\n\n\nHTML Code<\/h3>\n\n\n\n
<img src=\"path to your image file\" class=\"img\"><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"