<!DOCTYPE html> <html> <head> <style> div{ transition-property:color,font-size,background-color; -webkit-transition-property:color,font-size,background-color; color:red; background-color:white; font-size:16px; } div:hover{ color:white; background-color:red; font-size:20px; } </style> </head> <body> <div> <p>The position, opacity and color of the text change on hover.</p> </div> </body> </html>
Run
×
Share