HTML and CSS Programming Examples with Output for Beginners ⁞ Ihypress

IHYPRESS.NET > HTML/CSS

CODE		RESULT
HTML/CSS > CSS3 > Example #12 [Text Effects]
<	<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>CSS3 - Transition</title> <style type="text/css"> div {transition:width 3s,background-color 3s;-moz-transition:width 3s,background-color 3s;-webkit-transition:width 3s,background-color 3s;-o-transition:width 3s,background-color 3s;width:150px;height:250px;background-color:blue;color:white;font-family:verdama,arial,helvetica;} div:hover {width:300px;background-color:red;} </style> </head> <body> <div>Mouse over to see transition effect.<br><img src="catsup.jpg" alt="world's largest catsup bottle"></div> </body> </html>		>