Hover the header below to make it more visible.

I am a header. If you hover me, I will become more visible.

Source code below:

<br /> <style type="text/css"> #p1 { text-align:center; } #header1 { opacity:0.5; transition-property:opacity; transition-duration: 1s; } #header1:hover { opacity:1; transition-property:opacity; transition-duration: 1s; } </style> <p id="p1">Hover the header below to make it more visible.</p> <h2 id="header1">I am a header. If you hover me, I will become more visible.</h2> <p>