Snippets

Radu G. Close icon with CSS ONLY

Created by Radu G.
icon.html
Raw 
1
<a href="#" class="cd-close-menu"><span></span></a>
style.css
Raw 
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
.cd-close-menu {
    text-decoration: none;
    color: transparent !important;
    position: absolute;
    right: 16px;
    height: 60px;
    width: 50px;
    top: -2px;
    border: none;
    z-index: 0;
}
.cd-close-menu span::before {
    transform: translateX(4px) translateY(-3px) rotate(45deg);
    top: 1.5px;
}
.cd-close-menu span::after {
    transform: translateX(4px) translateY(2px) rotate(-45deg);
}

Comments (0)

HTTPS SSH

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