Source Code:
(back to article)
Submit
Result:
Report an issue
<!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>