Line 2: | Line 2: | ||
<head> | <head> | ||
<style> | <style> | ||
− | + | #hello { | |
width: 100px; | width: 100px; | ||
height: 100px; | height: 100px; | ||
Line 10: | Line 10: | ||
} | } | ||
− | + | #hello:hover { | |
width: 300px; | width: 300px; | ||
height: 300px; | height: 300px; | ||
Line 20: | Line 20: | ||
<p><b>Note:</b> This example does not work in Internet Explorer 9 and earlier versions.</p> | <p><b>Note:</b> This example does not work in Internet Explorer 9 and earlier versions.</p> | ||
− | <div></div> | + | <div id = "hello"></div> |
<p>Hover over the div element above, to see the transition effect.</p> | <p>Hover over the div element above, to see the transition effect.</p> |
Revision as of 15:52, 9 August 2016
Note: This example does not work in Internet Explorer 9 and earlier versions.
Hover over the div element above, to see the transition effect.