Md. Mehadi Hassan mkk360
🏠
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
| /*----------- 00. Right Click Disable ----------*/ | |
| window.addEventListener('contextmenu', function (e) { | |
| // do something here... | |
| e.preventDefault(); | |
| }, false); | |
| /*----------- 00. Inspect Element Disable ----------*/ | |
| document.onkeydown = function (e) { | |
| if (event.keyCode == 123) { |
mkk360
/ Play With CSS
Created
November 9, 2023 04:29
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
| //3D Hover Image Effect | |
| .hover-img:hover img { | |
| transform: scale3d(1.1,1.1,1.1); | |
| transition: all 2s cubic-bezier(.3,1,.35,2) 0s; | |
| } | |
| .hover-img .img-style img { | |
| width: 100%; | |
| object-fit: cover; | |
| transition: all 1s cubic-bezier(.3,1,.35,1) 0s; | |
| transition: transform .5s ease; |
mkk360
/ gist:f0c629afde7657535a6c4f29c1e8b567
Created
November 6, 2023 08:05
swiper autoplay stop on mouseenter start
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
| // Stop the autoplay initially | |
| swiper.autoplay.stop(); | |
| // Add mouseenter and mouseleave event handlers to start and stop the autoplay | |
| $(this).on('mouseenter', function () { | |
| swiper.autoplay.start(); | |
| }).on('mouseleave', function () { | |
| swiper.autoplay.stop(); | |
| }); |
mkk360
/ zoom-out-in.html
Created
January 20, 2022 09:39
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="map_marker" style="left: -9.46172px; top: -8.56999px;"> | |
| <div></div> | |
| <div></div> | |
| </div> | |
| <style> | |
| .map_marker > div:first-child { | |
| -webkit-animation: markerWave 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards; | |
| animation: markerWave 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards | |
| } |
mkk360
/ dashed-border.html
Created
January 18, 2022 08:44
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> | |
| animation: wobble .45s cubic-bezier(.36,.07,.19,.97); | |
| .empty-card { | |
| display: block; | |
| border-radius: 6px; | |
| background-color: #f8f9fa; | |
| background-image: repeating-linear-gradient( | |
| 90deg | |
| ,#c0c3c8 0,#c0c3c8 50%,transparent 0,transparent),repeating-linear-gradient( |
mkk360
/ half-circle-svg-animation-hover.html
Last active
January 10, 2022 08:54
half-circle-svg-animation-hover.html
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="menu-trigger" data-component="menu-trigger"> | |
| <svg viewBox="0 0 50 50" width="50" height="50" class="menu-trigger__shape"> | |
| <circle r="25" cx="25" cy="25"></circle> | |
| </svg> | |
| <span class="menu-trigger__bar"></span> | |
| <span class="menu-trigger__bar"></span> | |
| <span class="menu-trigger__bar"></span> | |
| </div> | |
| <style> |
mkk360
/ One click + Active & Remove Class Pass.js
Last active
December 30, 2021 11:04
One click + Active & Remove Class Pass
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
| // Select all links with hashes | |
| $('a[href*="#"]') | |
| // Remove links that don't actually link to anything | |
| .not('[href="#"]') | |
| .not('[href="#0"]') | |
| .click(function (event) { | |
| // On-page links | |
| if ( | |
| location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && | |
| location.hostname == this.hostname |
mkk360
/ Bootstrap_5_Custom_Tooltip.html
Last active
December 30, 2021 11:05
Bootstrap 5 Custom Tooltip
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 Markup | |
| <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="bottom"> | |
| Tooltip on top | |
| </button> | |
| <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="right"> | |
| Tooltip on right | |
| </button> | |
| <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="top"> | |
| Tooltip on bottom |
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
| // initializing preloader | |
| $(window).on('load', function() { | |
| var preLoder = $(".preloader"); | |
| preLoder.fadeOut(1000); | |
| // banner img animation | |
| setInterval(function() { | |
| $(".banner .part-img").addClass("active") | |
| }, 500); | |
| }); |
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
| > Install Node.js https://nodejs.org/en/ | |
| > Open cmd from run or keyboard: windows+r and write cmd. | |
| > Check Node version. | |
| write: node -v (press enter) | |
| > Source Folder: | |
| write: dir, cd desktop , dir, cd source_folder_name. | |
| > Install NPM (Node Package Manager) | |
| write: npm init -y | |
| https://www.jamesedwards.name/npm-compile-sass |