| ease: "cubic-bezier(1, 0, 0.3, 1)" | |
| easeOut: "cubic-bezier(0.165, 0.84, 0.44, 1)" | |
| easeIn: "cubic-bezier(0.755, 0.05, 0.855, 0.06)" | |
| default: "cubic-bezier(0.25, 0.1, 0.25, 1)" | |
| easeInOut2: "cubic-bezier(0.455, 0.030, 0.515, 0.955)" | |
| easePower2: "cubic-bezier(0.77, 0, 0.175, 1)" | |
| easePower3: "cubic-bezier(0.645, 0.045, 0.355, 1)" | |
| easePower4: "cubic-bezier(0.770, 0.000, 0.175, 1)" | |
| easeSine: "cubic-bezier(0.445, 0.05, 0.55, 0.95)" | |
| easeInPower2: "cubic-bezier(0.550, 0.085, 0.680, 0.530)" |
| gsap.fromTo('.holder__title', { yPercent: -100 }, { duration: 2, yPercent: 100, color: 'red', repeat: -1, yoyo: true }) |
https://admin.swymrelay.com/dashboard (Custommize )
https://swym.it/help/adding-the-swym-product-view-snippet-to-your-shopify-theme/ (add-to-cart.liquid)
a(href="#" data-swaction="addToWishlist" data-product-id="{{product.id | json}}").btn-wishlist.btn-hover.cream-v
span.static WISHLIST
span.hover(data-hover="WISHLIST WISHLIST ") WISHLIST WISHLIST
| <!DOCTYPE html> | |
| <html lang="en" > | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>[DDD] WebGL Transiton</title> | |
| <link rel="stylesheet" href="./style.css"> | |
| </head> | |
| <body> | |
| <!-- partial:index.partial.html --> |
| .g-snows{width: 100vw; height: 100vh; z-index: 999; pointer-events: none; left: 0; top: 0; position: fixed;}.g-snows > li{opacity: 0; position: absolute; top: 0; border-radius: 100%; background-color: #FFFFFF; background-repeat: no-repeat; background-size: 100% auto; animation-name: snow-drop; animation-iteration-count: infinite; animation-timing-function: linear; animation-fill-mode: forwards;}.g-snows > li:nth-child(1){left: 62%; width: 2px; height: 2px; animation-duration: 9006ms; animation-delay: 4963ms; filter: blur(1px);}.g-snows > li:nth-child(2){left: 101%; width: 1px; height: 1px; animation-duration: 11548ms; animation-delay: 1122ms; filter: blur(0px);}.g-snows > li:nth-child(3){left: 8%; width: 2px; height: 2px; animation-duration: 6086ms; animation-delay: 327ms; filter: blur(1px);}.g-snows > li:nth-child(4){left: 10%; width: 1px; height: 1px; animation-duration: 8572ms; animation-delay: 3836ms; filter: blur(1px);}.g-snows > li:nth-child(5){left: 16%; width: 0px; height: 0px; animation-duration: 107 |
tutorial: https://www.youtube.com/watch?v=mB6XuGxh0Mc (skip to chapter of code in line)
FFMPEG: https://ffmpeg.org/download.html
gyan.dev: https://www.gyan.dev/ffmpeg/builds
| <div class="drawer drawer__donate e-wvw e-hvh e-wvw e-fixed"> | |
| <div class="drawer__white e-abs e-hvh e-wp e-white"></div> | |
| <div class="drawer__hold e-hold"> | |
| <div class="drawer__texts"> | |
| <h2 class="e-serif js-anima-d">DONATE</h2> | |
| <p class="js-anima-d">Onec aliquam elit id enim ipsum dolor sit amet consectetur adipiscing.</p> | |
| <p class="js-anima-d">Proin elementum metus pellentesque tortor condimentum dictum. Donec aliquam elit id enim.</p> | |
| </div> | |
| <div class="drawer__form"> | |
| <form class="forms form-contact e-rel e-wp" controller="form" method="post" action="<?=admin_url('admin-ajax.php')?>" novalidate> |
| <section class="main-accd e-rel"> | |
| <ul class="main-accd__hold line-both"> | |
| <li class="main-accd__each e-wp e-rel"> | |
| <h2 class="e-sans">Art Department</h2> | |
| <div class="main-accd__each__img img-accd0 no-mobile e-abs"> | |
| <picture> | |
| <source srcset="<?php echo get_template_directory_uri(); ?>/images/webp/Art-Department.webp 1x" type="image/webp"> | |
| <source srcset="<?php echo get_template_directory_uri(); ?>/images/Art-Department.jpg 1x" type="image/jpg"> | |
| <img class="e-hp e-wp img-load" src="<?php echo get_template_directory_uri(); ?>/images/Art-Department.jpg" alt="#"> | |
| </picture> |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
| <meta name="theme-color" content="#000000"> | |
| <title><?php if(is_front_page()) | |
| echo "Home"; | |
| else if(is_404()) |
| class Smooth { | |
| constructor() { | |
| } | |
| bindMethods() { | |
| ['scroll', 'run', 'resize'] | |
| .forEach((fn) => this[fn] = this[fn].bind(this)) | |
| } |