Tab
CODE
×
HTML
<div class='tab'>Tab <span class="grey">(27)</span></div>
CSS
div.tab { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 18px; letter-spacing: 0.02rem; word-spacing: 0.05rem; text-align:center; display: inline-block; border-radius: 41px; border: none; padding: 11px 20px 12px 20px; vertical-align: middle; margin: 18px 5px; -webkit-transition: all 180ms ease-in-out; transition: all 180ms ease-in-out; cursor: pointer; overflow: hidden; cursor:pointer; color: var(--black); background-color: var(--white); } div.tab:hover, div.tab:focus { -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07); } div.tab:first-of-type { margin-left: -1px; }
JS
Tab
×
Tab
(27)