40 lines
580 B
CSS
40 lines
580 B
CSS
|
@keyframes NavItem {
|
||
|
|
0% {
|
||
|
|
width: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
width: 80%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar-nav .cur a {
|
||
|
|
color: #1362AD;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar-nav .cur a::after {
|
||
|
|
display: block !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar-nav .nav-item a {
|
||
|
|
transition: 500ms;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar-nav .nav-item {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar-nav .nav-item:hover a::after {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar-nav .nav-item a::after {
|
||
|
|
content: '';
|
||
|
|
width: 0;
|
||
|
|
height: 2px;
|
||
|
|
background-color: #1362AD;
|
||
|
|
position: absolute;
|
||
|
|
bottom: -31px;
|
||
|
|
display: none;
|
||
|
|
animation: NavItem 500ms forwards;
|
||
|
|
}
|