I'm coding my menu, this time by showing classes using CSS for animation and JS, hide Happened and semi-hidden
- Why is not the top margin? (I have not yet started on JS)
T?
- Why is there some padding / margin / whitewitt between left and top between divs?
- How do I put the link vertically? (I think I should be kept 100% and the position should be kept constant and overflow hidden because I have to take the drive out of the screen)
html, body {background: # E6E6E6; } .menu {overflow: hidden; Status: fixed; Height: 100%; Width: 100%; -WebKit-Infection: all easily .65s; -MOZ-infection: all easily .65s; -M-infection: all easily .65s; -O-Infection: all easily .65s; Transition: all easily .65s; }. Left {true: 0; Margin-right: 0; } .left.bar {true: 100%; Margin-right: -60px; }. Left.hidden {true: 100%; Margin-right: 0; }. Menu> .links {color: white; Font-family: sans-serif; Font size: 2.5 AM; Font-weight: 500; Text align: center; Text-transform: uppercase; }. Menu Lee (Color: RGBA (255, 255, 255, .75); Cursor: indicator; List style: none; Padding: 15px; Margin: 5 px; Webkit-Infection: All 1s ease; -Mozy-infection: All 1s easily; -M-Infection: All 1s ease; -O-Infection: All 1s ease; Transition: All 1s ease; }. Menu Lee: Hover {Color: RGBA (255, 255, 255, 1); Background: RGBA (0, 0, 0, 1); }. M1 {background: orange; Z-index: 8; } & lt; Div class = "menu left m1" & gt; & Lt; Div class = "link l1" & gt; & Lt; Ul & gt; & Lt; Li data-open = ".m2" & gt; Architecture & lt; / Li & gt; & Lt; Li data-open = ".m3" & gt; Coding & lt; / Li & gt; & Lt; Li data-open = ".m4" & gt; Thesis & lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; / Div & gt; 
To remove space left and up, you must override your default style. Ul:
ul {padding: 0; Margin: 0; } And standing in the middle, I would love this:
.links ul {position: relative; Top: 50%; Webkit-Conversions: Translation Y (-50%); -MMS-transform: Translation Y (-50%); Conversions: Translator Y (-50%); }. Link {height: 100%; } See it here:
Comments
Post a Comment