Primary Button
CODE
×
HTML
<button class='primary'>Primary Action</button>
CSS
button.primary { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 26px; line-height: 125%; background-color: rgba(78,78,78,1); color: var(--white); text-align:center; display: inline-block; height: 49px; border-radius: 49px; border: none; padding: 12px 40px; vertical-align: middle; margin: 40px 30px 40px -1px; transition: transform 250ms ease-in-out; cursor: pointer; } button.primary:hover, button.primary:focus { -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07); }
JS
Primary Button
barrierefrei
Letzte Änderung: 15.01.2025 - 10:46 Uhr
×
Primary Action