Skip to content

Instantly share code, notes, and snippets.

#preloader
position: fixed
left: 0
top: 0
z-index: 999
width: 100%
height: 100%
overflow: visible
background: #fff url('../images/preloader.gif') no-repeat center center
@Web-doc
Web-doc / jQuery slipHover
Created January 28, 2016 07:47
Анимация для события hover
$(".top_mnu ul").sliphover({
target: "li",
backgroundColor: 'rgba(255,255,255,.05)',
fontColor: "#FF6347"
});
$("#portfolio_grid").mixItUp();
<div class="filter_div controls">
<ul>
<li class="filter active" data-filter="all">Все</li>
<li class="filter" data-filter=".category_1">Сайты</li>
<li class="filter" data-filter=".category_2">Айдентика</li>
<li class="filter" data-filter=".category_3">Логотипы</li>
</ul>
</div>
<div id="portfolio_grid">
setTimeout(function() {
$('#preloader').fadeOut('slow', function() {});
}, 150);
<div id="preloader"></div>
#preloader
position: fixed
left: 0
top: 0
$(".toggle_mnu, .menu_item").click(function() {
$("#sandwich").toggleClass("active");
if($(".top_mnu").is(":visible")) {
$(".top_mnu").fadeOut(600);
$(".top_mnu li a").removeClass("fadeInUp animated");
} else {
$(".top_mnu").fadeIn(600);
$(".top_mnu li a").addClass("fadeInUp animated")
@Web-doc
Web-doc / index.html
Last active April 14, 2017 12:05
jQuery Page Preloader
<div id="preloader"></div>
@Web-doc
Web-doc / jQuery heightDetect()
Last active December 25, 2016 04:56
Высота блока принимается равной высоте окна браузера
function heightDetect()
{
$('.main_head').css('height', $(window).height());
}
heightDetect();
$(window).resize(heightDetect());
<header class="main_head main_color_bg parallax-window" data-parallax="scroll" data-image-src="/img/bg.jpg">
</header>
@Web-doc
Web-doc / gist:9854226345fb9c3cec4b5c24a8501f1d
Last active November 22, 2016 16:30
#sandwich .toggle_mnu
<button class="toggle_mnu">
<div class="sandwich">
<div class="sw-topper"></div>
<div class="sw-bottom"></div>
<div class="sw-footer"></div>
</div>
</button>
@Web-doc
Web-doc / index.html
Last active June 26, 2017 11:33
Выравнивание блока по центру
<div class="parentDiv">
<div class="innerDiv">
<h1>SergeSa</h1>
<div>Web-разработчик</div>
</div>
</div>