html - Set width of element to "0" (not absolute positioned) with CSS -
this question has answer here:
i have element , if define "max-width=0" has width of 4px, see image:
when position element absolute gone due css transition (logo slides in on scroll down > 250px) can not position absolute.
this css:
#page-wrap.oben ul#menu li.menutext { padding: 0; line-height: normal; overflow: hidden; } #page-wrap.oben li.menutext { font-size: 24px; max-width: 0; opacity: 0; vertical-align: middle; -webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; -o-transition: .6s; transition: .6s; }
and html:
<li class="menutext biggerfont"> <a href="#"> schooool! </a> </li>
its because have space between </li><li>
elements. if remove whitespace in between closing , opening li eliminate gap.
Comments
Post a Comment