System > svgmenu.css <
 /*

Animiertes Menü-Icon

 */
 .m3bar {
    display: inline-block;
    cursor: pointer;
 }
 .mbar1, .mbar2, .mbar3 {
    width: 13px;
    height: 5px;
    border-radius: 2px;
    background-color: #2350ab;
    margin: 3px 0;
    transition: 0.7s;
 }
 /* Rotate first bar */
 .change .mbar1 {
    -webkit-transform: rotate(-45deg) translate(-8px, 8px) ;
    transform: rotate(-45deg) translate(-8px, 8px) ;
 }
 /* Fade out the second bar */
 .change .mbar2 {
    opacity: 0;
 }
 /* Rotate last bar */
 .change .mbar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
    transform: rotate(45deg) translate(-8px, -8px) ;
 }
 
Suche
edit / Home