Andrey Kovtun kovtunos
kovtunos
/ _drop_shadow_alpha.css
Last active
July 28, 2016 07:39
Drop shadow on image with alpha channel #css
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 { | |
| filter: drop-shadow(0 0 20px #222);} | |
| } |
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
| - var n = 1 | |
| while n <= 6 | |
| .item | |
| img(src="images/screenshot-" + n++ + ".png") |
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').on('click', 'a', function(event) { | |
| event.preventDefault(); | |
| let id = $(this).attr('href'); | |
| let top = $(id).offset().top; | |
| $('body, html').animate({ | |
| scrollTop: top | |
| }, 500); | |
| }); |
kovtunos
/ page-preloader.html
Last active
September 29, 2017 14:26
Page preloader #jquery #html #css
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 inline --> | |
| <style> | |
| body { | |
| overflow: hidden; | |
| } | |
| #preloader { | |
| background-color: #fff; | |
| bottom: 0; | |
| left: 0; |
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).load(function() { | |
| // Simple slideshow | |
| var i = 0; | |
| var images = [ | |
| '../img/slideshow-2.jpg', | |
| '../img/slideshow-3.jpg', | |
| '../img/slideshow-4.jpg', | |
| '../img/slideshow-5.jpg', | |
| '../img/slideshow-6.jpg', | |
| '../img/slideshow-7.jpg', |
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
| // CSS | |
| .sticky { | |
| position: fixed; | |
| left: 0; | |
| top: 0; | |
| z-index: 1000; | |
| width: 100%; | |
| } | |
| // JS |
kovtunos
/ mobile_menu.scss
Last active
November 27, 2016 21:36
Mobile menu button with animation #sass #jquery
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
| each item in list | |
| li item |
kovtunos
/ jQuery Tabs Short
Created
September 13, 2016 19:04
— forked from agragregra/jQuery Tabs Short
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: | |
| <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> |
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
| h1 { | |
| position: relative; | |
| } | |
| h1:after { | |
| content: ''; | |
| display: block; | |
| background: black; | |
| height: 1px; | |
| max-width: 50px; |