Snippets

Crumina Team Menu strike effect on hover

Created by Alexandr Kostyrka
style.css
Raw 
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
.menu-item a:after, .menu-item a:before {
    content: "";
    position: absolute;
    height: 1px;
    right: 50%;
    left: 50%;
    background: currentColor;
    top: 48%;
}

.menu-item a:before {
    left: 50%;
    right: 50%;
}

.menu-item a:hover:after{
    left: -5px;
}

.menu-item a:hover:before{
    right: -5px;
}

.menu-item a:after, .menu-item a:before {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

Comments (0)

HTTPS SSH

You can clone a snippet to your computer for local editing. Learn more.