Nikolasgrizli
/ Background gradient animation
Created
June 5, 2017 12:35
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| background: linear-gradient(49deg, #070707, #5a615f, #4fddb4, #44f0be); | |
| background-size: 800% 800%; | |
| -webkit-animation: AnimationName 16s ease infinite; | |
| -moz-animation: AnimationName 16s ease infinite; | |
| -o-animation: AnimationName 16s ease infinite; | |
| animation: AnimationName 16s ease infinite; | |
| @-webkit-keyframes AnimationName { | |
| 0%{background-position:10% 0%} |
Nikolasgrizli
/ Animation all el with delay
Created
January 17, 2018 21:19
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @for $i from 1 through $n { | |
| &:nth-child(#{$i}) { | |
| animation: loadIn 2s #{$i*0.11}s $easeOutSine forwards; | |
| } | |
| } |
Nikolasgrizli
/ haml.json
Last active
January 23, 2018 21:56
https://gist.github.com/akella/9757676 snippets ported for vscode HAML
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "Block (with comment HAML)": { | |
| "prefix": ".", | |
| "body": [ | |
| "/ begin ${1}", | |
| ".${1}", | |
| "\t${2}", | |
| "/ end ${1}" | |
| ] | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // html - <a href="'.$cart_url.'"><span class="cart-count">'.count($woo_cart_list).'</span><span class="end-count" id="end-count" >Товаров</span>в корзине</a> | |
| (function($) { | |
| $(document).ready(function(){ | |
| setTimeout(function() { | |
| var numberCounter = $('.cart-count').text(); | |
| number = Math.abs(numberCounter); | |
| function declOfNum(number, titles) { | |
| cases = [2, 0, 1, 1, 1, 2]; |
Nikolasgrizli
/ window-resize-end.js
Created
March 19, 2018 05:34
— forked from agragregra/window-resize-end.js
Window resize-end function
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| //Resize Window | |
| function onResize() { | |
| }; | |
| var doit; | |
| doit = setTimeout(onResize, 400); | |
| window.onresize = function() { | |
| clearTimeout(doit); | |
| doit = setTimeout(onResize, 400); | |
| }; |
Nikolasgrizli
/ jquery-filter-by-field.js
Created
March 19, 2018 05:36
— forked from agragregra/jquery-filter-by-field.js
jQuery Input Field Filter
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(".city-input").keyup(function() { | |
| filter(this); | |
| }); | |
| function filter(element) { | |
| var value = $(element).val().toLowerCase(); | |
| $("[data-filter]").each(function () { | |
| var $this = $(this), | |
| lower = $this.data("filter").toLowerCase(); | |
| if (lower.indexOf(value) > -1) { | |
| $this.show(); |
Nikolasgrizli
/ scroll-next.js
Created
March 19, 2018 05:37
— forked from agragregra/scroll-next.js
jQuery Scroll To Next Section
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(".scroll-next").click(function() { | |
| var cls = $(this).closest(".section").next().offset().top; | |
| $("html, body").animate({scrollTop: cls}, "slow"); | |
| }); |
Nikolasgrizli
/ jquery-active.js
Created
March 19, 2018 05:38
— forked from agragregra/jquery-active.js
jQuery Active Menu
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| //Active menu | |
| $("li a").each(function() { | |
| if (this.href == window.location.href) { | |
| $(this).addClass("active"); | |
| } | |
| }); |
Nikolasgrizli
/ header_fadeout.js
Created
March 19, 2018 05:43
— forked from agragregra/header_fadeout.js
jQuery Header Content FadeOut on Scroll
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(window).scroll(function() { | |
| var st = $(this).scrollTop(); | |
| if($(window).height()+500 > $("header").height()) { | |
| $("header .col-md-12").css({ | |
| "transform" : "translate3d(0px, " + st /18 + "%, 0px)", | |
| "-webkit-transform" : "translate3d(0px, " + st /18 + "%, 0px)", | |
| "opacity" : "1" - st/700 | |
| }); |
Nikolasgrizli
/ parallax-translate3d.js
Created
March 19, 2018 05:45
— forked from agragregra/parallax-translate3d.js
Smooth Parallax Scroll
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(window).scroll(function() { | |
| var st = $(this).scrollTop() /10; | |
| $(".object").css({ | |
| "transform" : "translate3d(0px, " + st + "%, .01px)", | |
| "-webkit-transform" : "translate3d(0px, " + st + "%, .01px)" | |
| }); | |
| }); |
OlderNewer