Алексей agragregra

agragregra / mfp-blurred.css

Last active July 4, 2023 22:22

Magnific-Popup Blurred Background

agragregra / magnific-animation-preloader

Last active January 31, 2022 09:39

Magnific Gallery with Animation & Preloader | http://codepen.io/agragregra/pen/OMNLQJ

	SASS:
	.mfp-ready .mfp-figure
	opacity: 0
	.mfp-zoom-in
	.mfp-figure, .mfp-iframe-holder .mfp-iframe-scaler
	opacity: 0
	transition: all 0.3s ease-out
	transform: scale(0.95)
	&.mfp-bg, .mfp-preloader
	opacity: 0

agragregra / mobile-menu.html

Created December 1, 2015 14:42

Mobile Menu Toggle Button | http://codepen.io/agragregra/pen/bEbbmZ

	<!-- HTML -->
	<a href="#" class="toggle-mnu hidden-lg"><span></span></a>

	<!-- SASS -->
	.toggle-mnu
	display: block
	width: 28px
	height: 28px
	margin-top: 14px

Papapashu / userChrome.css

Last active November 25, 2015 14:32

firefox-devtools-font-size

	@namespace url(http://www.w3.org/1999/xhtml);

	@-moz-document regexp("chrome://browser/content/devtools/*/."){
	.devtools-monospace {
	font-size: 12pt!important;
	}
	}

agragregra / parallax-translate3d.js

Last active September 20, 2022 19:23

Smooth Parallax Scroll

	$(window).scroll(function() {

	var st = $(this).scrollTop() /10;

	$(".object").css({
	"transform" : "translate3d(0px, " + st + "%, .01px)",
	"-webkit-transform" : "translate3d(0px, " + st + "%, .01px)"
	});

	});

agragregra / jQuery Accordeon

Last active November 13, 2023 16:48

	JS:
	$(".accordeon dd").hide().prev().click(function() {
	$(this).parents(".accordeon").find("dd").not(this).slideUp().prev().removeClass("active");
	$(this).next().not(":visible").slideDown().prev().addClass("active");
	});

	CSS:
	.accordeon .active { color: red }

	HTML:

agragregra / Turn OFF Animate.css on Mobile Devices

Last active July 28, 2024 21:16

	/* Small Devices, Tablets */
	@media only screen and (max-width : 768px) {
	.animated {
	/CSS transitions/
	-o-transition-property: none !important;
	-moz-transition-property: none !important;
	-ms-transition-property: none !important;
	-webkit-transition-property: none !important;
	transition-property: none !important;
	/CSS transforms/

agragregra / jQuery Tabs Short

Last active January 31, 2025 15:56

	HTML:
	<div class="wrapper">
	<div class="tabs">
	<span class="tab">Вкладка 1</span>
	<span class="tab">Вкладка 2</span>
	<span class="tab">Вкладка 3</span>
	</div>
	<div class="tab_content">
	<div class="tab_item">Содержимое 1</div>
	<div class="tab_item">Содержимое 2</div>

agragregra / jQuery Page Preload

Last active April 20, 2025 18:50

	#loader {
	background: none repeat scroll 0 0 #ffffff;
	bottom: 0;
	height: 100%;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 9999;

agragregra / Hello World

Created February 13, 2015 07:57

Hello, World!