Prev Demo
CSS3
>
Opacity/Transparency
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html> <html> <head> <title>Demo</title> </head> <body> <style> a.class1 { font-size: 50px; text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.5); border-radius: 10px; border: 1px solid #c0c0c0; padding: 10px; background-color: Yellow; opacity: 0.5; } a.class1:hover { background-color: #690; opacity: 0.5; } </style> <a href="http://www.dotnetfunda.com" class="class1">DotNetFunda.com</a> <p>Place the cursor on the hyperlink to change the background color.</p> </body> </html>
Note: We DO NOT save your trial code in our database.
Output
