Prev Demo
CSS3
>
Transition
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html> <html> <head> <title>Demo</title> </head> <body> <style> /* width, opacity, position, font-size */ a.class1 { padding: 5px 10px; background-color: #9c3; font-size: smaller; width: 200px; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 2.0s ease; /* transition: background 0.7s ease; */ } a.class1:hover { background-color: #690; font-size: larger; width: 400px; } </style> <p>This is some text.</p> <a href="http://www.dotnetfunda.com" class="class1">DotNetFunda.com</a> <p>This is some text.</p> </body> </html>
Note: We DO NOT save your trial code in our database.
Output
