Get link Facebook X Pinterest Email Other Apps November 30, 2020 GitAdd file git add . hit enterCommitgit commit -m "your local text" hit enterPushgit push origin branch-name hit enter Get link Facebook X Pinterest Email Other Apps Comments
Animation js (Alternative wow js) May 11, 2021 function isScrolledIntoView(elem) { let docViewTop = $(window).scrollTop(); let docViewBottom = docViewTop + $(window).height(); let elemTop = $(elem).offset().top; let elemBottom = elemTop + $(elem).height(); return ((elemTop <= docViewBottom) && (elemBottom >= docViewTop)); } $('.animate').each(function() { if (isScrolledIntoView(this) === true) { let animation = $(this).attr('data-animation'); let iteration = $(this).attr('data-iteration'); let duration = $(this).attr('data-duration'); let delay = $(this).attr('data-delay'); $(this).addClass('animated'); $(this).css({ 'visibility': 'visible', 'animation-duration': duration, ... Read more
Iframe full width July 12, 2021 .bannerBox .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; } .bannerBox iframe { position: absolute; top: 50%; left: 50%; width: 100vw; min-width: 177.77vh; height: 56.25vw; min-height: 100vh; transform: translate(-50%, -50%); } Read more
Sass varibale September 24, 2019 // Page$page-bg: #fff; // Width $width-base: 1140px; // Colors $color-error: #d9534f; $color-success: #74ad58; $color-info: #5bc0de; $color-orange: #f07f16; $color-primary: #4d2f48; $color-white: #fff; $color-black: #000; $color-gray: #eee; // Breakpoints $breakpoint-small: 575px; $breakpoint-phone: 767px; $breakpoint-tablet: 991px; $breakpoint-desktop: 1199px; $base-duration: 0.35s;$base-timing: ease-in-out; // # Typography // =============================================== */ $text-color-base: #000; $text-color-orange: #f07f16; $text-color-white: #fff; $text-color-primary: #4d2f48; $text-color-gray: #eee; $text-color-gray-alt: #e5e5e5; $link-color-base: #f07f16; $link-decoration-base: none; $link-hover-color-base: $text-color-base; $link-hover-decoration-base: none; $font-family-base: 'Fira Sans', sans-serif; $font-size-base: 18px; $font-size-h1: 42px; $font-size-h2: 30px; $font-size-h3: 24px; $font-size-h4: 20px; $font-size-h5: 18... Read more
Comments
Post a Comment