html - better way to make css button link -
html - better way to make css button link -
i've tryed making smooth button link tag in html , css, can create when people hover button not show link in bottom of browser? , when click want alternative command if open link in new tab. , maybe can improve button?
here's code: class="snippet-code-html lang-html prettyprint-override"><!doctype html> <html> <head> <title>professional website</title> <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=ubuntu" type="text/css"> <style type="text/css"> .button { background-color: #3366ff; padding: 10px 30px; border-radius: 5px; color: lightblue; font-family: 'ubuntu', arial; font-size: 14px; text-decoration: none; } .button:hover { background-color: #0066ff; -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.75); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.75); } .button:active { border: 1px solid #0033cc; -webkit-box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.75); box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.75); } </style> </head> <body> <br /> <br /> <center> <a class="button" href="#">link button</a> </center> </body> </html>
thank guys.
i dont think can disable behaviour part of browser. maybe add together '#' href, , have real link under info attribute. when button clicked redirect user said url using info attribute content.
now, asking not user friendly @ all. removing ability of user see link pointing to, forcing new tab.
html css button hyperlink
Comments
Post a Comment