javascript - fadeIn(); box-element with jQuery and CSS3 -
i have issue jquery , showing element show box.. -webkit-box / -moz-box etc
but. if use fadein function in jquery fades block-element? guess common issue couldn't find me.
any tips?
css
.page-wrapper { min-height: 100%; display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; -webkit-box-orient: vertical; display: -moz-box; -moz-box-align: center; -moz-box-pack: center; -moz-box-orient: vertical; } #open-menu { position: fixed; color: #fff; top: 0px; left: 0px; font-size: 2em; padding: 5px; } #page-wrapper-menu { position: fixed; width: 100%; background-color: rgba(0, 0, 0, 0.9); color: #fff; text-align: center; overflow: hidden; display: none; }
jquery-code
$('#open-menu').click(function(){ $('#page-wrapper-menu').fadein(); }); $('#page-wrapper-menu').click(function(){ $('#page-wrapper-menu').fadeout(); });
here can achieve fade effect change in display property of css. inline, or inline-block or block or other..
$('').animate({display:"inline-block"},500);
Comments
Post a Comment