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

Popular posts from this blog

java.util.scanner - How to read and add only numbers to array from a text file -

rewrite - Trouble with Wordpress multiple custom querystrings -

php - Accessing static methods using newly created $obj or using class Name -