Second. Button n-active
CODE
×
HTML
<button class='secondary not-active'>Button</button>
CSS
button.secondary.not-active { text-align:center; font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 26px; line-height: 125%; background-color: rgba(112,112,112,1); background-color: var(--white); display: inline-block; height: 49px; border-radius: 49px; border: 1px solid #4E4E4E; padding: 0 40px ; vertical-align: middle; margin: 40px 30px 40px -1px; transition: transform 250ms ease-in-out; opacity: 0.3; cursor: default; } button.secondary.not-active:hover, button.secondary.not-active:focus { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } button.secondary { font-size: 16px; line-height: 26px; line-height: 125%; background-color: var(--white); color: rgba(112,112,112,1); display: inline-block; height: 49px; border-radius: 49px; border: 1px solid #4E4E4E; padding: 0 40px ; vertical-align: middle; margin: 40px 30px 40px -1px; transition: transform 250ms ease-in-out; text-align:center; cursor:pointer; } button.secondary:hover, button.secondary:focus { -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07); }
JS
Second. Button n-active
Letzte Änderung: 24.08.2021 - 19:39 Uhr
×
Button