5 changed files with 179 additions and 27 deletions
@ -0,0 +1,46 @@ |
|||
|
|||
.Tab { |
|||
overflow: hidden; |
|||
border: 1px solid #ccc; |
|||
background-color: #f1f1f1; |
|||
} |
|||
|
|||
.Tab button { |
|||
background-color: inherit; |
|||
float: left; |
|||
border: none; |
|||
outline: none; |
|||
cursor: pointer; |
|||
padding: 14px 16px; |
|||
transition: 0.3s; |
|||
font-size: 17px; |
|||
} |
|||
|
|||
.Tab button:hover { |
|||
background-color: #ddd; |
|||
} |
|||
|
|||
.Tab button.active { |
|||
background-color: #ccc; |
|||
} |
|||
|
|||
.TabLink { |
|||
|
|||
} |
|||
|
|||
.TabContent { |
|||
display: none; |
|||
padding: 6px 12px; |
|||
-webkit-animation: fadeEffect 1s; |
|||
animation: TabContentFadeEffect 1s; |
|||
} |
|||
|
|||
@-webkit-keyframes TabContentFadeEffect { |
|||
from {opacity: 0;} |
|||
to {opacity: 1;} |
|||
} |
|||
|
|||
@keyframes TabContentFadeEffect { |
|||
from {opacity: 0;} |
|||
to {opacity: 1;} |
|||
} |
Loading…
Reference in new issue