Vladimir VladivirYa
VladivirYa
/ Replace all SVG images with inline SVG
Created
February 11, 2017 22:43
Replace all SVG images with inline SVG / http://stackoverflow.com/questions/24933430/img-src-svg-changing-the-fill-color
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
| /* | |
| *img src SVG changing the fill color | |
| */ | |
| //html | |
| <img class="responsive-img img-svg" src="img/partners/korf.svg" alt="Korf"> | |
| //css | |
| .img-svg path { |
VladivirYa
/ Выровнять все items по высоте. $(".div").equalHeights();
Last active
March 15, 2017 11:21
jQuery.equalHeights/jquery.equalheights.js
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
| /*! | |
| * Simple jQuery Equal Heights | |
| * | |
| * Copyright (c) 2013 Matt Banks | |
| * Dual licensed under the MIT and GPL licenses. | |
| * Uses the same license as jQuery, see: | |
| * http://docs.jquery.com/License | |
| * | |
| * @version 1.5.1 | |
| */ |
VladivirYa
/ magnific-animation-preloader
Last active
January 25, 2017 15:23
Magnific Gallery with Animation & Preloader | http://codepen.io/agragregra/pen/OMNLQJ
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
| 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 |
VladivirYa
/ mobile-menu.html
Last active
December 21, 2016 20:59
Mobile Menu Toggle Button | http://codepen.io/agragregra/pen/bEbbmZ
VladivirYa
/ mousewheel-icon.html
Last active
December 21, 2016 21:00
Mouse Wheel Animation CSS Icon | http://jsfiddle.net/cmajo9h6/
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
| <style> | |
| /* ---------------------------------------------- /* | |
| * Mouse animate icon | |
| /* ---------------------------------------------- */ | |
| .mouse-icon { | |
| border: 2px solid #000; | |
| border-radius: 16px; | |
| height: 40px; | |
| width: 24px; | |
| display: block; |
VladivirYa
/ Jquary Resize Hetght
Created
June 24, 2016 14:06
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
| function heightDetect(){ | |
| $('.main_head').css('height', $(window).height()); | |
| }; | |
| heightDetect() | |
| $(window).resize(function(){ | |
| heightDetect() | |
| }); |
VladivirYa
/ Create Parallax-scroll
Created
June 24, 2016 14:05
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
| <div class="parallax-window" data-parallax="scroll" data-image-src="/path/to/image.jpg"></div> | |
| $('.parallax-window').parallax({imageSrc: '/path/to/image.jpg'}); | |
| .parallax-window { | |
| min-height: 400px; | |
| background: transparent; | |
| } |
VladivirYa
/ Create jQuery Page Preload
Created
June 24, 2016 14:03
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
| #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; |