MILAN YADAV
Home
Features
_Multi DropDown
__DropDown 1
__DropDown 2
__DropDown 3
_ShortCodes
_SiteMap
_Error Page
Documentation
_Web Documentation
_Video Documentation
Download This Template
html button with link
September 28, 2021
HOVER BUTTON
HTML CSS CODE
HTML CODE
button
CLICK ME
BUTTON
HOVER ME
CSS CODE
@import url('https://fonts.googleapis.com/css2?family=PT+Sans&family=Roboto&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); .ghfhfh{ background-color: rgb(180, 233, 233); } .kgoooooortf{ border-radius: 5px; width: 134px; padding: 15px; margin: 0 44px; border: 0px; } .ghhtfrhfhfh{ margin-top: 20%; margin-left: 600px; } #button1{ font-weight: 900; font-family: 'PT Sans', sans-serif; font-family: 'Roboto', sans-serif; font-size: 18px; background-color: gold; color: crimson; } #button2{ font-family: 'Roboto', sans-serif; font-size: 18px; color: white; background-color: blue; } #button3{ border: 1px solid rgb(255, 4, 67); font-size: 18px; background-color: black; color: white; } #button1:hover{ font-family: fantasy; color: rgb(255, 7, 7); } #button2:hover{ font-weight: 900; color: black; border: 1px solid rgb(0, 0, 0); background-color: rgb(255, 255, 255); } #button3:hover{ border: 0px; box-shadow: crimson 0 0 13px; }
THANKS FOR USING THIS CODE
0 Comments
0 Comments