Source Code: (back to article)
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
span {
display: inline-block;
font-family: sans-serif;
-webkit-transition-duration: 0.6s;
transition-duration: 0.6s;
letter-spacing: 1;
font-size: 20px;
line-height: 28px;
color: #777777;
-webkit-transition-property: letter-spacing, font-size, line-height;
-moz-transition-property: letter-spacing, font-size, line-height;
-o-transition-property: letter-spacing, font-size, line-height;
transition-property: letter-spacing, font-size, line-height;
}
span:hover {
color: #0f9881;
letter-spacing: 6;
font-size: 26px;
line-height: 34px;
}
</style>
</head>
<body>
<h2>Transition-property property example</h2>
<span>Hover over the text to see the effect</span>
</body>
</html>