Snow 4K/title> <meta name="description" content="Download FREE Snow 4K overlay with realistic falling snow particles, natural wind drift, and cinematic winter atmosphere. Perfect for Christmas videos, films, and seasonal edits."> <meta name="keywords" content="snow 4k, falling snow overlay, winter snowfall vfx 4k, christmas snow effect free, realistic snow animation, cinematic winter overlay download"> <meta name="robots" content="index, follow"> <meta name="csrf-token" content="jXmxZKhwjAnKJdeJole3D3lARYMcG7xUJ7E9dCwg">  <meta name="author" content="Createx Studio">  <meta name="viewport" content="width=device-width, initial-scale=1">  <link rel="apple-touch-icon" sizes="180x180" href="https://mycreativefx.com/storage/temp/LPOTxz44e9lkMDMij8h3g0Rht5dqwDtBUVRVqUmm.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://mycreativefx.com/storage/temp/LPOTxz44e9lkMDMij8h3g0Rht5dqwDtBUVRVqUmm.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://mycreativefx.com/storage/temp/LPOTxz44e9lkMDMij8h3g0Rht5dqwDtBUVRVqUmm.png"> <link rel="manifest" href="site.webmanifest"> <link rel="mask-icon" color="#fe6a6a" href="safari-pinned-tab.svg"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="theme-color" content="#ffffff">  <link rel="stylesheet" media="screen" href="https://mycreativefx.com/frontend/vendor/simplebar/dist/simplebar.min.css" /> <link rel="stylesheet" media="screen" href="https://mycreativefx.com/frontend/vendor/tiny-slider/dist/tiny-slider.css" /> <link rel="stylesheet" media="screen" href="https://mycreativefx.com/frontend/vendor/drift-zoom/dist/drift-basic.min.css" /> <link rel="stylesheet" media="screen" href="https://mycreativefx.com/frontend/vendor/lightgallery.js/dist/css/lightgallery.min.css" />  <link rel="stylesheet" media="screen" href="https://mycreativefx.com/frontend/css/theme.min.css">  <link rel="stylesheet" href="https://mycreativefx.com/frontend/css/mediaelementplayer.min.css">  <link rel="stylesheet" media="screen" href="https://mycreativefx.com/frontend/css/style.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">  <script async src="https://www.googletagmanager.com/gtag/js?id=G-QSFM2X2LLK"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-QSFM2X2LLK'); </script> <meta name="yandex-verification" content="a68ff6e65e781c96" /> <meta name="ed0327e44275e48c472fa14cbc43c3106855f5b4" content="ed0327e44275e48c472fa14cbc43c3106855f5b4" /> <meta name="ezoic-site-verification" content="QQ5ACsGwYNO2vSXd0Vk5UNobvXyvlc" /> <meta name="google-adsense-account" content="ca-pub-2610980989227890"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2610980989227890" crossorigin="anonymous"></script>   <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "n64b4z4vsx"); </script> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '995393965069041'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=995393965069041&ev=PageView&noscript=1" /></noscript>  <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '618069029377532'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=618069029377532&ev=PageView&noscript=1" /></noscript>   <style> .dropDown__search { position: relative; } .dropDown__search input { border-radius: 0; } .dropDown__search .search__list ul { color: black; padding: 18px; margin-bottom: 0; } .dropDown__search .search__list ul li { margin-bottom: 10px; } .dropDown__search .search__list ul li a { color: #000; } .dropDown__search .search__list ul li a:hover { color: #ff760e; } .dropDown__search .search__list ul li:last-child { margin-bottom: 0; } .dropDown__search button { height: 100%; border: none; padding-inline: 15px; background: #ff760e; top: 0 !important; } .dropDown__search button i { color: white; } .search-overlay { position: absolute; left: 0; right: 0; top: auto; width: 100%; height: auto; max-height: 350px; overflow-y: auto; border-radius: 0; background-color: white; -webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); z-index: 999; visibility: hidden; opacity: 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .search-overlay.active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; } #toast-container > div { opacity:1; } .toast { opacity: 1 !important; } </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script type="text/javascript"> var arrBirds; $(document).ready(function() { var _token = "jXmxZKhwjAnKJdeJole3D3lARYMcG7xUJ7E9dCwg"; var form_data = new FormData(); form_data.append('_token', _token); $.ajax({ type: 'post', url: "https://mycreativefx.com/product_all_data", data: form_data, dataType: 'html', cache: false, contentType: false, processData: false, success: function(data) { //alert(data); arrBirds = JSON.parse(data) console.log(arrBirds); } }) }); </script> </head> <body class="handheld-toolbar-enabled">    <header class="shadow-sm">  <div class="topbar topbar-dark bg-dark"> <div class="container-fluid"> <div class="tns-carousel w-100"> <div class="tns-carousel-inner" data-carousel-options="{ "nav": false, "controls": false, "autoplay": true, "autoplayTimeout": 4000, "loop": true, "responsive": {"0":{"items":1},"360":{"items":1},"600":{"items":1},"991":{"items":1},"1200":{"items":1}} }"> <div style="font-size: 0.9rem; text-align: center; font-family: sans-serif;"><strong>Free VFX Download</strong> – Login to Download 2 Free VFX Assets [ <strong><span style="font-family:Comic Sans MS,cursive;"><span style="font-size:16px;">40% Off Today Only</span>!</span></strong> ]</div>  </div> </div> </div> </div>  <div class="navbar-sticky bg-light"> <div class="navbar navbar-expand-lg navbar-light"> <div class="container-fluid"> <a class="navbar-brand d-none d-sm-block me-3 flex-shrink-0" href="https://mycreativefx.com"><img src="https://mycreativefx.com/storage/temp/qEV6Wq1aW1BaF7uQ3zP1ArYarTSlABSU7AdhoqVg.png" width="200" alt="mycreationfx"></a> <a class="navbar-brand d-sm-none me-2" href="https://mycreativefx.com"><img src="https://mycreativefx.com/storage/temp/qEV6Wq1aW1BaF7uQ3zP1ArYarTSlABSU7AdhoqVg.png" width="150" alt="mycreationfx"></a>   <form action="https://mycreativefx.com/search" method="get" enctype="multipart/form-data" class="w-100 d-lg-flex" > <div class="input-group d-none d-lg-flex flex-nowrap mx-5">  <div class="dropdown-wrapper flex-shrink-0 rounded-start toggle_dropdown" style="width: 11.5rem;"> <span class="dropdown-heading">All categories</span> <div class="icon-wrapper"> <i class="fa fa-chevron-down"></i> </div> <div class="dropdown-content"> <ul class="radioButton mb-0 pb-0"> <li> <input type="radio" name="t" value="1" id="1" > <label for="1">FX & All Videos </label> </li> <li> <input type="radio" name="t" value="2" id="2" > <label for="2">Music & SFX</label> </li> <li> <input type="radio" name="t" value="3" id="3" > <label for="3">Graphic & Images </label> </li> <li> <input type="radio" name="t" value="4" id="4" > <label for="4">All Templates </label> </li> <li> <input type="radio" name="t" value="5" id="5" > <label for="5">Colour Grading</label> </li> <li> <input type="radio" name="t" value="6" id="6" > <label for="6">3D (CGI)</label> </li> </ul>            </div> </div> <div class="dropDown__search w-100"> <input class="form-control rounded-end w-100 search-overlay-trigger" type="text" name="q" placeholder="Search for products" value=""> <button class="position-absolute end-0 ms-3 rounded-end search_button"> <i class="ci-search"></i> </button> <div class="search__list search-overlay" id="search-overlay"> <ul class="list-unstyled"></ul> </div> </div> </div> </form>   <div class="navbar-toolbar d-flex flex-shrink-0 align-items-center"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"><span class="navbar-toggler-icon"></span></button><a class="navbar-tool navbar-stuck-toggler me-4" href="#"><span class="navbar-tool-tooltip">Toggle menu</span> <div class="navbar-tool-icon-box"><i class="navbar-tool-icon ci-menu"></i></div> </a> <a class="navbar-tool ms-1 ms-lg-0 me-n1 me-lg-2" href="https://mycreativefx.com/myaccount" > <div class="navbar-tool-icon-box bg-other me-2"><i class="navbar-tool-icon ci-user"></i> </div> <div class="navbar-tool-text ms-n3"><small>Hello, Sign in</small>My Account</div> </a> </div> </div> </div> <div class="navbar navbar-expand-lg navbar-light navbar-stuck-menu mt-n2 pt-0 pb-0"> <div class="container-fluid"> <div class="collapse navbar-collapse" id="navbarCollapse">  <div class="input-group d-lg-none my-3"> <form action="https://mycreativefx.com/search" method="get" enctype="multipart/form-data" class="w-100 d-lg-flex" > <div class="dropDown__search w-100"> <input name="q" class="form-control rounded-end w-100 search-overlay-trigger" type="text" placeholder="Search for products"> <button class="position-absolute end-0 ms-3 rounded-end"> <i class="ci-search"></i> </button> <div class="search__list search-overlay" id="search-overlay2"> <ul class="list-unstyled"></ul> </div> </div> </form> </div>   <ul class="navbar-nav mr-auto"> <li class="nav-item "><a class="nav-link " href="https://mycreativefx.com" >Home</a> </li> <li class="nav-item "><a class="nav-link " href="https://mycreativefx.com/stock" >FX Collection</a> </li> <li class="nav-item "><a class="nav-link " href="https://mycreativefx.com/blog" >Blog</a> </li> <li class="nav-item "><a class="nav-link " href="https://mycreativefx.com/tutorial" >Tutorials</a> <li class="nav-item "><a class="nav-link " href="https://mycreativefx.com/contact" >Contact Us</a> </li> <li class="nav-item"> <a class="nav-link" href="https://mycreativefx.com/service"><img src="https://mycreativefx.com/frontend/images/1.png" alt=""> Premium Plans</a> </li> </ul> </div> </div> </div> </div> </header>   <div class="page-title-overlap bg-dark pt-4"> <div class="container d-lg-flex justify-content-between py-2 py-lg-3"> <div class="order-lg-2 mb-3 mb-lg-0 pt-lg-2"> <nav aria-label="breadcrumb"> <ol class="breadcrumb breadcrumb-light flex-lg-nowrap justify-content-center justify-content-lg-start"> <li class="breadcrumb-item"><a class="text-nowrap" href="https://mycreativefx.com"><i class="ci-home"></i>Home</a></li>  <li class="breadcrumb-item text-nowrap active" aria-current="page">Details</li> </ol> </nav> </div> <div class="order-lg-1 pe-lg-4 text-center text-lg-start"> <h1 class="h3 text-light mb-2">Snow 4k</h1> </div> </div> </div> <div class="container"> <div class="bg-light shadow-lg rounded-3">  <ul class="nav nav-tabs" role="tablist"> <li class="nav-item"><a class="nav-link py-4 px-sm-4 active" href="#general" data-bs-toggle="tab" role="tab">General <span class='d-none d-sm-inline'>Info</span></a></li>  </ul> <div class="px-4 pt-lg-3 pb-3 mb-5"> <div class="tab-content px-lg-3">  <div class="tab-pane fade show active" id="general" role="tabpanel"> <div class="row">  <div class="col-lg-7 pe-lg-0"> <div class="product-gallery"> <div class="product-gallery-preview order-sm-2"> <div class="product-gallery-preview-item active" id="first"> <video style="width: 100%;" controls id="video" preload="metadata" controlsList="nodownload" oncontextmenu="return false;" poster="https://mycreativefx.com/uploads/product_image/1670651060.jpg"> <source src="https://www.dropbox.com/s/ygg1a8k9y8klxgb/Snow%204k%20%28253%29_1.mp4?raw=1" type="video/mp4"> </video>   </div> <div class="product-gallery-preview-item" id="second"><img class="image-zoom" src="https://mycreativefx.com/uploads/product_image/1670651060.jpg" data-zoom="https://mycreativefx.com/uploads/product_image/1670651060.jpg" alt="Product image"> <div class="image-zoom-pane"></div> </div>  </div> <div class="product-gallery-thumblist order-sm-1"> <a class="product-gallery-thumblist-item active" style="height: 4rem" href="#first"> <div class="product-gallery-thumblist-item-text"><i class="ci-video"></i>Video</div> </a> <a class="product-gallery-thumblist-item" href="#second"><img src="https://mycreativefx.com/uploads/product_image/1670651060.jpg" alt="Product thumb"></a> </div> </div> </div>  <div class="col-lg-5 pt-4 pt-lg-0"> <div class="product-details ms-auto pb-3"> <h2 class="h2 fw-normal text-light pb-3 me-1">Snow 4k </h2> <div class="position-relative me-n4 mb-3"> <div class="product-badge product-available mt-n1"><i class="ci-security-check"></i>Product available</div> </div> <div class="d-flex align-items-center pt-4 pb-4"> <div class="fs-sm mb-4"><span class="text-heading fw-medium me-1">Category:</span><span class="text-muted" id="colorOption">Nature & Weather FX / Snow</span></div>  </div> <div class="mb-3 d-flex align-items-center"> <a class="btn btn-theme d-block w-100" href="javascript:void(0)" rel="238" id="download_link"><i class="ci-download fs-lg me-2"></i>Download</a> </div>  <div class="accordion mb-4" id="productPanels"> <div class="accordion-item"> <h3 class="accordion-header"><a class="accordion-button text-sliver" href="#shippingOptions" role="button" data-bs-toggle="collapse" aria-expanded="true" aria-controls="shippingOptions"><i class="fa fa-info text-muted lead align-middle mt-n1 me-2"></i>Product Information</a></h3> <div class="accordion-collapse collapse show" id="shippingOptions" data-bs-parent="#productPanels"> <div class="accordion-body fs-sm"> <div class="fw-semibold text-sliver pd-details"><p>Snow 4k (253) </p> <p data-end="406" data-start="115"><strong data-end="126" data-start="115">Snow 4K</strong> is a premium ultra-high-definition snowfall overlay designed to create realistic winter atmosphere and cinematic seasonal depth. This effect features natural snowflake motion, layered particle density, and smooth drifting behavior to simulate authentic cold-weather environments.</p> <p data-end="628" data-start="408">With crisp 4K clarity and balanced particle exposure, it integrates seamlessly into both dark and bright scenes. Ideal for holiday content, emotional storytelling, travel visuals, dramatic films, and winter-themed edits.</p> <p data-end="721" data-start="630">Delivered on a clean black background for easy compositing using Screen or Add blend modes.</p></div> </div> </div> </div> <div class="accordion-item"> <h3 class="accordion-header "><a class="accordion-button collapsed text-sliver" href="#localStore" role="button" data-bs-toggle="collapse" aria-expanded="true" aria-controls="localStore"><i class="fa fa-cogs text-muted fs-lg align-middle mt-n1 me-2"></i>Product Feature</a></h3> <div class="accordion-collapse collapse" id="localStore" data-bs-parent="#productPanels"> <div class="accordion-body fs-sm"> <div class="fw-semibold text-sliver pd-details"><ul> <li data-end="787" data-start="749"> <p data-end="787" data-start="751">Ultra HD 4K Resolution (3840×2160)</p> </li> <li data-end="824" data-start="788"> <p data-end="824" data-start="790">Realistic Falling Snow Animation</p> </li> <li data-end="863" data-start="825"> <p data-end="863" data-start="827">Natural Wind Drift & Layered Depth</p> </li> <li data-end="891" data-start="864"> <p data-end="891" data-start="866">Smooth Cinematic Motion</p> </li> <li data-end="922" data-start="892"> <p data-end="922" data-start="894">Soft Atmospheric Diffusion</p> </li> <li data-end="957" data-start="923"> <p data-end="957" data-start="925">Clean Black Background Overlay</p> </li> <li data-end="991" data-start="958"> <p data-end="991" data-start="960">Screen / Add Blend Compatible</p> </li> <li data-end="1016" data-start="992"> <p data-end="1016" data-start="994">Drag & Drop Workflow</p> </li> <li data-end="1045" data-start="1017"> <p data-end="1045" data-start="1019">Production-Ready Quality</p> </li> <li data-end="1080" data-start="1046"> <p data-end="1080" data-start="1048">100% FREE – Commercial License</p> </li> </ul></div> </div> </div> </div> </div> </div>   </div> </div> </div> </div>   </div> </div> </div> </div>  <div class="container pt-lg-3 pb-4 pb-sm-5"> <div class="row justify-content-center"> <div class="col-lg-8 pd-details"> <h2 class="h3 pb-2 text-light pd-details">Product Details</h2> <h2 data-end="1099" data-start="1087">Ideal For</h2> <ul data-end="1320" data-start="1101"> <li data-end="1128" data-start="1101"> <p data-end="1128" data-start="1103">Winter Cinematic Scenes</p> </li> <li data-end="1159" data-start="1129"> <p data-end="1159" data-start="1131">Christmas & Holiday Videos</p> </li> <li data-end="1187" data-start="1160"> <p data-end="1187" data-start="1162">Romantic Snow Sequences</p> </li> <li data-end="1223" data-start="1188"> <p data-end="1223" data-start="1190">Emotional Storytelling Projects</p> </li> <li data-end="1249" data-start="1224"> <p data-end="1249" data-start="1226">Travel & Nature Edits</p> </li> <li data-end="1287" data-start="1250"> <p data-end="1287" data-start="1252">Background Atmosphere Enhancement</p> </li> <li data-end="1320" data-start="1288"> <p data-end="1320" data-start="1290">YouTube Videos & Short Films</p> </li> </ul> <hr data-end="1325" data-start="1322" /> <h2 data-end="1334" data-start="1327">Tags</h2> <p data-end="1516" data-start="1336">snow 4k, falling snow overlay 4k, winter snowfall vfx free, christmas snow animation 4k, realistic snow particles overlay, cinematic winter background effect, snow overlay download</p> <hr data-end="1521" data-start="1518" /> <h2 data-end="1539" data-start="1523">Compatibility</h2> <p data-end="1715" data-start="1541">Compatible with Adobe Premiere Pro, After Effects, DaVinci Resolve, Final Cut Pro, CapCut, Alight Motion, KineMaster, Filmora, and all editors supporting overlay blend modes.</p> </div> </div> <div class="col-flex-6 px-0 mt-5"> <div class="tns-carousel main__banner"> <div class="tns-carousel-inner" data-carousel-options="{"items": 1, "autoplay": true, "autoplayTimeout": 4000, "controls": false, "loop": true}"> <div> <a href="https://mycreativefx.com/service"> <div class="row align-items-center"> <div class="col-sm-12"> <img class="d-block mx-auto" src="https://mycreativefx.com/uploads/homeslider/1746502889.jpg" alt=""> </div> </div> </a> </div>  </div> </div> </div> </div> <hr class="mb-5">  <div class="container pt-lg-2 pb-5 mb-md-3"> <h2 class="h3 text-center pb-4 text-light">You may also like</h2> <div class="tns-carousel tns-controls-static tns-controls-outside"> <div class="tns-carousel-inner" data-carousel-options="{"items": 2, "controls": true, "nav": false, "responsive": {"0":{"items":1},"500":{"items":2, "gutter": 18},"768":{"items":3, "gutter": 20}, "1100":{"items":4, "gutter": 30}}}">  <div> <div class="card product-card card-static"> <a href="https://mycreativefx.com/details/mkfx-171-free-snow-fall-4k-2342"> <div class="card__block view__preview_card"> <div class="img_sec"> <img src="https://mycreativefx.com/uploads/product_image/1669139556.jpg" alt=""> </div> <div class="preview_video"> <video autoplay="" muted="" loop="" playsinline="" poster="" oncanplay="vcanp(this,1)"> <source src="https://www.dropbox.com/s/y69l8i3tjsjuncr/Snow%20Fall%204k%20%282342%29.mp4?raw=1" type="video/mp4"> </video> </div> <div class="content"> <h5>Free Snow Fall 4k (2342) <span><i class="ci-download"></i></span> </h5> </div> </div> </a> </div> </div>  <div> <div class="card product-card card-static"> <a href="https://mycreativefx.com/details/mkfx-172-free-snow-fall-4k-4342"> <div class="card__block view__preview_card"> <div class="img_sec"> <img src="https://mycreativefx.com/uploads/product_image/1669139657.jpg" alt=""> </div> <div class="preview_video"> <video autoplay="" muted="" loop="" playsinline="" poster="" oncanplay="vcanp(this,1)"> <source src="https://www.dropbox.com/s/jb93nevxqk318ny/Snow%20Fall%204k%20%284342%29_1.mp4?raw=1" type="video/mp4"> </video> </div> <div class="content"> <h5>Free Snow Fall 4k (4342) <span><i class="ci-download"></i></span> </h5> </div> </div> </a> </div> </div>  <div> <div class="card product-card card-static"> <a href="https://mycreativefx.com/details/mkfx-173-snow-fall-4k-23562"> <div class="card__block view__preview_card"> <div class="premium_icon"> <img style=" width: 40px;"src="https://mycreativefx.com/storage/temp/tL1Q9Xg1kkkjN7LR1P5HoFCtwGQM2RIXqF9n2Jt6.png" alt=""> </div> <div class="img_sec"> <img src="https://mycreativefx.com/uploads/product_image/1669139774.jpg" alt=""> </div> <div class="preview_video"> <video autoplay="" muted="" loop="" playsinline="" poster="" oncanplay="vcanp(this,1)"> <source src="https://www.dropbox.com/s/h36st7tvek0vp5b/Snow%20Fall%204k%20%2823562%29_1.mp4?raw=1" type="video/mp4"> </video> </div> <div class="content"> <h5>Snow Fall 4k (23562) <span><i class="ci-download"></i></span> </h5> </div> </div> </a> </div> </div>  <div> <div class="card product-card card-static"> <a href="https://mycreativefx.com/details/mkfx-237-snow-4k"> <div class="card__block view__preview_card"> <div class="premium_icon"> <img style=" width: 40px;"src="https://mycreativefx.com/storage/temp/tL1Q9Xg1kkkjN7LR1P5HoFCtwGQM2RIXqF9n2Jt6.png" alt=""> </div> <div class="img_sec"> <img src="https://mycreativefx.com/uploads/product_image/1670650951.jpg" alt=""> </div> <div class="preview_video"> <video autoplay="" muted="" loop="" playsinline="" poster="" oncanplay="vcanp(this,1)"> <source src="https://www.dropbox.com/s/0cty9s47tyxwqtv/Snow%204k%20%28153%29_1.mp4?raw=1" type="video/mp4"> </video> </div> <div class="content"> <h5>Snow 4k <span><i class="ci-download"></i></span> </h5> </div> </div> </a> </div> </div>  <div> <div class="card product-card card-static"> <a href="https://mycreativefx.com/details/mkfx-239-snow-4k"> <div class="card__block view__preview_card"> <div class="premium_icon"> <img style=" width: 40px;"src="https://mycreativefx.com/storage/temp/tL1Q9Xg1kkkjN7LR1P5HoFCtwGQM2RIXqF9n2Jt6.png" alt=""> </div> <div class="img_sec"> <img src="https://mycreativefx.com/uploads/product_image/1670651258.jpg" alt=""> </div> <div class="preview_video"> <video autoplay="" muted="" loop="" playsinline="" poster="" oncanplay="vcanp(this,1)"> <source src="https://dl.dropboxusercontent.com/s/6cx89lggzjw1eei/Snow%204k%20%28353%29_1.mp4?raw=1" type="video/mp4"> </video> </div> <div class="content"> <h5>Snow 4k <span><i class="ci-download"></i></span> </h5> </div> </div> </a> </div> </div>  <div> <div class="card product-card card-static"> <a href="https://mycreativefx.com/details/mkfx-240-snow-4k"> <div class="card__block view__preview_card"> <div class="premium_icon"> <img style=" width: 40px;"src="https://mycreativefx.com/storage/temp/tL1Q9Xg1kkkjN7LR1P5HoFCtwGQM2RIXqF9n2Jt6.png" alt=""> </div> <div class="img_sec"> <img src="https://mycreativefx.com/uploads/product_image/1670651564.jpg" alt=""> </div> <div class="preview_video"> <video autoplay="" muted="" loop="" playsinline="" poster="" oncanplay="vcanp(this,1)"> <source src="https://www.dropbox.com/s/nixc0kcgffojvgx/Snow%204k%20%28553%29_1.mp4?raw=1" type="video/mp4"> </video> </div> <div class="content"> <h5>Snow 4k <span><i class="ci-download"></i></span> </h5> </div> </div> </a> </div> </div>  <div> <div class="card product-card card-static"> <a href="https://mycreativefx.com/details/mkfx-2998-snow-falling-4k-01"> <div class="card__block view__preview_card"> <div class="img_sec"> <img src="https://mycreativefx.com/uploads/product_image/1760082046.jpg" alt=""> </div> <div class="preview_video"> <video autoplay="" muted="" loop="" playsinline="" poster="" oncanplay="vcanp(this,1)"> <source src="https://dl.dropbox.com/scl/fi/b8534dmhk2zyyt0s4311z/Snow-Falling-4k-01.mp4?rlkey=pf97iqkr6hzgr5ivik7kl5r2x&st=smgnchm8&dl=0?raw=1" type="video/mp4"> </video> </div> <div class="content"> <h5>Snow Falling 4k 01 <span><i class="ci-download"></i></span> </h5> </div> </div> </a> </div> </div>  <div> <div class="card product-card card-static"> <a href="https://mycreativefx.com/details/mkfx-2999-snow-falling-4k-02"> <div class="card__block view__preview_card"> <div class="img_sec"> <img src="https://mycreativefx.com/uploads/product_image/1760082181.jpg" alt=""> </div> <div class="preview_video"> <video autoplay="" muted="" loop="" playsinline="" poster="" oncanplay="vcanp(this,1)"> <source src="https://dl.dropbox.com/scl/fi/ca5faquc1qe42g7neub4f/Snow-Falling-4k-02.mp4?rlkey=douh7vb32zfr29hbuvascccxf&st=yii4n9zx&dl=0?raw=1" type="video/mp4"> </video> </div> <div class="content"> <h5>Snow Falling 4k 02 <span><i class="ci-download"></i></span> </h5> </div> </div> </a> </div> </div>  <div> <div class="card product-card card-static"> <a href="https://mycreativefx.com/details/mkfx-3000-snow-falling-4k-03"> <div class="card__block view__preview_card"> <div class="premium_icon"> <img style=" width: 40px;"src="https://mycreativefx.com/storage/temp/tL1Q9Xg1kkkjN7LR1P5HoFCtwGQM2RIXqF9n2Jt6.png" alt=""> </div> <div class="img_sec"> <img src="https://mycreativefx.com/uploads/product_image/1760082288.jpg" alt=""> </div> <div class="preview_video"> <video autoplay="" muted="" loop="" playsinline="" poster="" oncanplay="vcanp(this,1)"> <source src="https://dl.dropbox.com/scl/fi/9circnxv21mi7q9jzeni7/Snow-Falling-4k-03.mp4?rlkey=fsguene6ztpts11tx681npfzy&st=rfkfmtvs&dl=0?raw=1" type="video/mp4"> </video> </div> <div class="content"> <h5>Snow Falling 4k 03 <span><i class="ci-download"></i></span> </h5> </div> </div> </a> </div> </div>  <div> <div class="card product-card card-static"> <a href="https://mycreativefx.com/details/mkfx-3001-snow-falling-4k-04"> <div class="card__block view__preview_card"> <div class="premium_icon"> <img style=" width: 40px;"src="https://mycreativefx.com/storage/temp/tL1Q9Xg1kkkjN7LR1P5HoFCtwGQM2RIXqF9n2Jt6.png" alt=""> </div> <div class="img_sec"> <img src="https://mycreativefx.com/uploads/product_image/1760082386.jpg" alt=""> </div> <div class="preview_video"> <video autoplay="" muted="" loop="" playsinline="" poster="" oncanplay="vcanp(this,1)"> <source src="https://dl.dropbox.com/scl/fi/qr3f0gh7m633mv2xf7imc/Snow-Falling-4k-04.mp4?rlkey=vlgsm1vjeupkhszs0smqd0ay5&st=71piijjn&dl=0?raw=1" type="video/mp4"> </video> </div> <div class="content"> <h5>Snow Falling 4k 04 <span><i class="ci-download"></i></span> </h5> </div> </div> </a> </div> </div>  <div> <div class="card product-card card-static"> <a href="https://mycreativefx.com/details/mkfx-3002-snow-falling-4k-05"> <div class="card__block view__preview_card"> <div class="premium_icon"> <img style=" width: 40px;"src="https://mycreativefx.com/storage/temp/tL1Q9Xg1kkkjN7LR1P5HoFCtwGQM2RIXqF9n2Jt6.png" alt=""> </div> <div class="img_sec"> <img src="https://mycreativefx.com/uploads/product_image/1760082504.jpg" alt=""> </div> <div class="preview_video"> <video autoplay="" muted="" loop="" playsinline="" poster="" oncanplay="vcanp(this,1)"> <source src="https://dl.dropbox.com/scl/fi/3stzhdkzbfk1whrckgqua/Snow-Falling-4k-05.mp4?rlkey=ipcxywexmtgtcxs86v4ywmme0&st=vnfhvc5q&dl=0?raw=1" type="video/mp4"> </video> </div> <div class="content"> <h5>Snow Falling 4k 05 <span><i class="ci-download"></i></span> </h5> </div> </div> </a> </div> </div>  <div> <div class="card product-card card-static"> <a href="https://mycreativefx.com/details/mkfx-3003-snow-falling-4k-06"> <div class="card__block view__preview_card"> <div class="premium_icon"> <img style=" width: 40px;"src="https://mycreativefx.com/storage/temp/tL1Q9Xg1kkkjN7LR1P5HoFCtwGQM2RIXqF9n2Jt6.png" alt=""> </div> <div class="img_sec"> <img src="https://mycreativefx.com/uploads/product_image/1760082564.jpg" alt=""> </div> <div class="preview_video"> <video autoplay="" muted="" loop="" playsinline="" poster="" oncanplay="vcanp(this,1)"> <source src="https://dl.dropbox.com/scl/fi/oc1z7yjttb42v8pzwcqtp/Snow-Falling-4k-06.mp4?rlkey=tvpa7veteg6t5lh09e8vcu38q&st=za92prwj&dl=0?raw=1" type="video/mp4"> </video> </div> <div class="content"> <h5>Snow Falling 4k 06 <span><i class="ci-download"></i></span> </h5> </div> </div> </a> </div> </div>  <div> <div class="card product-card card-static"> <a href="https://mycreativefx.com/details/mkfx-3004-snow-falling-4k-07"> <div class="card__block view__preview_card"> <div class="img_sec"> <img src="https://mycreativefx.com/uploads/product_image/1760082619.jpg" alt=""> </div> <div class="preview_video"> <video autoplay="" muted="" loop="" playsinline="" poster="" oncanplay="vcanp(this,1)"> <source src="https://dl.dropbox.com/scl/fi/uc9mrwmonrs3k8zt14d5i/Snow-Falling-4k-07.mp4?rlkey=mygzet7acxhv44raw4c45fcno&st=9vox6a82&dl=0?raw=1" type="video/mp4"> </video> </div> <div class="content"> <h5>Snow Falling 4k 07 <span><i class="ci-download"></i></span> </h5> </div> </div> </a> </div> </div>   </div> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script type="text/javascript" src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="v9y8j17tm6615sd"></script> <script type="text/javascript"> $(document).on('click', '#download_link', function() { var _token = "jXmxZKhwjAnKJdeJole3D3lARYMcG7xUJ7E9dCwg"; var product_id = $(this).attr('rel'); var form_data = new FormData(); form_data.append('_token', _token); form_data.append('product_id', product_id); $.ajax({ type: 'post', url: "https://mycreativefx.com/download_link_generator", data: form_data, dataType: 'html', cache: false, contentType: false, processData: false, success: function(response) { // console.log('success', response) // alert(response); // console.log('data', response) var data1 = JSON.parse(response) toastr.options = { 'closeButton': true, 'debug': false, 'newestOnTop': false, 'progressBar': true, 'positionClass': 'toast-top-right', 'preventDuplicates': false, 'showDuration': '1000', 'hideDuration': '1000', 'timeOut': '10000', 'extendedTimeOut': '10000', 'showEasing': 'swing', 'hideEasing': 'linear', 'showMethod': 'fadeIn', 'hideMethod': 'fadeOut', } if (data1['success']) { //toastr["success"](data1['success']) var file_url = data1['file_url']; var file_name = data1['file_name']; //alert(file_url); console.log('data1', data1) //console.log('url', file_url) console.log('name', file_name) myFunction(file_url, file_name); } else if (data1['error']) { toastr["error"](data1['error']) if(data1['pageurl'] && data1['pageurl']=='premium'){ setTimeout(function() { window.open("https://mycreativefx.com/service", "_self"); }, 0000); } if(data1['pageurl'] && data1['pageurl']=='free'){ setTimeout(function() { window.open("https://mycreativefx.com/login", "_self"); }, 000); } } else { toastr["error"]('something went wrong.. please report us..') } }, error: function(response) { console.log('error', response) } }) }); // program to generate random strings // declare all characters const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'; function generateString(length) { let result = ' '; const charactersLength = characters.length; for (let i = 0; i < length; i++) { result += characters.charAt(Math.floor(Math.random() * charactersLength)); } return result; } /* function myFunction(file_url, file_name){ var file_name1=generateString(6)+file_name; //alert(file_name1); axios({ url:'https://www.dropbox.com/s/ngjezfqnekpt1k0/PL01.mp4?dl=1', method:'GET', responseType: 'blob' }) .then((response) => { const url = window.URL .createObjectURL(new Blob([response.data])); const link = document.createElement('a'); link.href = url; link.setAttribute('download', file_name1); document.body.appendChild(link); link.click(); }) } */ function myFunction(file_url, file_name) { var url = file_url; const link = document.createElement('a'); link.href = url; link.setAttribute('download', file_name); document.body.appendChild(link); link.click(); link.remove(); //window.open('https://www.dropbox.com/s/ngjezfqnekpt1k0/PL01.mp4?dl=1', '_blank'); } </script> <script type="text/javascript" src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="enha5rpwprj540i"></script>  <footer class="bg-light pt-8 position-relative "> <div class="container__width"> <div class="position__block"> <div class="social__block">  <a href="https://www.google.com/" class="btn-social bs-instagram1" target="_blank"> <i class="ci-instagram"></i> </a>   <a href="https://www.youtube.com/@MyCreativeFXofficial" class="btn-social bs-google" target="_blank"> <i class="ci-youtube"></i> </a> </div> </div> <div class="row pb-2 align-center"> <div class="col-md-3 col-sm-6"> <div class="widget widget-links widget-light pb-2 mb-4 text-center"> <div class="footer_logo"> <a class="text-light" href="https://mycreativefx.com" > <img src="https://mycreativefx.com/frontend/images/logo/logo 1.1.png" alt="" width="230"> </a> </div> <div class="pt-4 fs-ms text-light opacity-50 text-center">Copy right 2022-2023 <br>All rights reserved <a class="text-light" href="https://mycreativefx.com" target="_blank" rel="noopener">Rodiostudio</a> </div> </div> </div> <div class="col-md-9 col-sm-6"> <div class="row"> <div class="col-md-3"> <div class="widget widget-links widget-light pb-2 mb-4"> <h3 class="widget-title text-light">NAVIGATON</h3> <ul class="widget-list"> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com">Home</a></li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/blog">Blog</a> </li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/service">Premium</a></li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/myaccount">My Account</a> </li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/login">Log In</a></li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/signup">Sign Up</a></li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/myorder">My Order</a></li> </ul> </div> </div> <div class="col-md-3"> <div class="widget widget-links widget-light pb-2 mb-4"> <h3 class="widget-title text-light">MARKETPLACE CATEGORIES</h3> <ul class="widget-list"> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/view/mobile-capcut-fx">Mobile & CapCut FX</a></li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/view/action-fx">Action FX</a></li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/view/super-power-fx">Super Power Fx</a></li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/view/monster-creature">Monster & Creature</a></li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/view/worlds-environments">Worlds Environments</a></li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/view/nature-weather-fx">Nature & Weather FX</a></li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/view/vehicles-sci-fi">Vehicles & Sci Fi</a></li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/view/overlay-transition-fx">Overlay Transition FX</a></li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/view/royalty-free-music">Royalty Free Music</a></li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/view/sound-effects">Sound Effects</a></li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/view/color-grading-luts">Color Grading LUTs</a></li> </ul> </div> </div> <div class="col-md-3"> <div class="widget widget-links widget-light pb-2 mb-4"> <h3 class="widget-title text-light">Collection</h3> <ul class="widget-list"> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/view/royalty-free-music">Royalty Free Music</a> </li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/view/cinematic-looks">Cinematic Looks</a> </li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/view/light-leak-overlays">Light Leak Overlays</a> </li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/view/film-burn-overlays">Film Burn Overlays</a> </li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/view/dust-smoke-vfx-footages">Dust & Smoke VFX Footages</a> </li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/view/celebration">Celebration</a> </li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/view/abstract-elements">Abstract Elements</a> </li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/view/video-transitions">Video Transitions</a> </li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/view/video-backgrounds-free">Video Backgrounds - Free</a> </li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/view/snow">Snow</a> </li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/view/medical-video">Medical Video</a> </li> </ul> </div> </div> <div class="col-md-3"> <div class="widget widget-links widget-light pb-2 mb-4"> <h3 class="widget-title text-light">SUPPORT & CONTACT</h3> <ul class="widget-list"> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/about">About</a> </li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/contact">Contact Us</a> </li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/copyright-policy">Copyright Policy</a> </li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/refund-policy">Refund Policy</a></li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/privacy-policy">Privacy Policy</a></li> <li class="widget-list-item"><a class="widget-list-link" href="https://mycreativefx.com/term-condition">Terms Condition</a> </li> <li class="widget-list-item"><a class="widget-list-link" href=" https://mycreativefx.com/faq">FAQ</a></li> </ul> </div> </div> </div>  </div> </div> </div> </footer>  <div class="handheld-toolbar"> <div class="d-table table-layout-fixed w-100"> <a class="d-table-cell handheld-toolbar-item" href="javascript:void(0)" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" onclick="window.scrollTo(0, 0)"><span class="handheld-toolbar-icon"><i class="ci-search"></i></span><span class="handheld-toolbar-label">Search</span></a> <a class="d-table-cell handheld-toolbar-item" href="javascript:void(0)" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" onclick="window.scrollTo(0, 0)"><span class="handheld-toolbar-icon"><i class="ci-menu"></i></span><span class="handheld-toolbar-label">Menu</span></a> <a class="d-table-cell handheld-toolbar-item" href="https://mycreativefx.com/cart"><span class="handheld-toolbar-icon"><i class="ci-cart"></i><span class="badge bg-primary rounded-pill ms-1">0</span></span><span class="handheld-toolbar-label">$0</span></a> </div> </div> <a class="btn-scroll-top" href="#top" data-scroll><span class="btn-scroll-top-tooltip text-muted fs-sm me-2">Top</span><i class="btn-scroll-top-icon ci-arrow-up"> </i></a>  <div class="modal fade" tabindex="-1" role="dialog" id="myModal"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content bg-black"> <div class="modal-header" style="border-bottom:0px"> <h5 class="modal-title text-white">Your location is set to India <img src="https://cdn.shopify.com/static/images/flags/in.svg" width="10%" /></h5> <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <ul><li>Our Premium Plans and Currency are set up for INR.</li></li><li >Enjoy shipping options within India.</li><li >All prices are displayed in Indian Rupees ( ₹ ).</li></ul> </div> <div class="modal-footer flex-column flex-sm-row align-items-stretch"> <button type="button" class="btn btn-primary" id="currency" data-bs-dismiss="modal">Save changes</button> </div> </div> </div> </div> <script src="https://mycreativefx.com/frontend/js/jquery.min.js"></script> <script src="https://mycreativefx.com/frontend/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script src="https://mycreativefx.com/frontend/vendor/simplebar/dist/simplebar.min.js"></script> <script src="https://mycreativefx.com/frontend/vendor/tiny-slider/dist/min/tiny-slider.js"></script> <script src="https://mycreativefx.com/frontend/vendor/smooth-scroll/dist/smooth-scroll.polyfills.min.js"></script> <script src="https://mycreativefx.com/frontend/vendor/nouislider/distribute/nouislider.min.js"></script> <script src="https://mycreativefx.com/frontend/vendor/drift-zoom/dist/Drift.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>  <script src="https://mycreativefx.com/frontend/js/theme1.min.js"></script> <script> /* $(document).ready( function() { $('.toast').toast('show'); }); */ </script> <script> $(function() { // whenever we hover over a menu item that has a submenu $('li.parent').on('mouseover', function() { var $menuItem = $(this), $submenuWrapper = $('> .wrapper', $menuItem); // grab the menu item's position relative to its positioned parent var menuItemPos = $menuItem.position(); // place the submenu in the correct position relevant to the menu item $submenuWrapper.css({ top: menuItemPos.top, left: menuItemPos.left + Math.round($menuItem.outerWidth() * 0.75) }); }); }); </script> <script> // Perform custom scrollbar window.morulusCustomSb = (function() { var nu = navigator.userAgent, aus = ['Mozilla', 'IE'], // Remove event listner polyfill removeEventListner = function(el, type, handler) { if (el.addEventListener) { el.removeEventListener(type, handler, false); } else if (elem.attachEvent) { el.detachEvent("on" + type, handler); } else { el["on" + type] = null; }; }, // Event listner polyfill eventListner = function(el, type, handler, once) { var realhandler = once ? function() { removeEventListner(el, type, realhandler); } : handler; if (el.addEventListener) { listen = el.addEventListener(type, handler, false); } else if (el.attachEvent) { listen = el.addEventListener('on' + type, handler, false); } else { el['on' + type] = handler; } return el; }, retfalse = function() { return !!0; }, disableSelection = function(el) { if (nu.indexOf(aus[0]) != -1) // FF el.style['MozUserSelect'] = 'none'; else if (nu.indexOf(aus[1]) != -1) // IE eventListner(el, 'selectstart.disableTextSelect', retfalse); else eventListner(el, 'mousedown.disableTextSelect', retfalse); }, enableSelection = function(el) { if (nu.indexOf(aus[0]) != -1) // FF el.style['MozUserSelect'] = ''; else if (nu.indexOf(aus[1]) != -1) // IE removeEventListner(el, 'selectstart.disableTextSelect', retfalse); else removeEventListner(el, 'mousedown.disableTextSelect', retfalse); } return function(a) { var listen, i, d = document, s, // Scrollable n, // Custom scrollbar wrapper r, // Runner height, // Runner height scrollTop, // Start scroll top, // Scroll handler handlerScroll = function(e) { r.style.top = ((100 - parseInt(r.style.height)) * (s.scrollTop / (s.scrollHeight - s.clientHeight))) + '%'; }, drag = !!0, screenY = 0, handlerMove = function(e) { var d = ((height * (scrollTop / (s.scrollHeight - s.clientHeight))) + (e.screenY - screenY)); if (d > height) d = height; else if (d < 0) d = 0; // set Scroll top s.scrollTop = Math.round((s.scrollHeight - s.clientHeight) * (d / height)); }, handlerUp = function(e) { drag = !!0; // Enable selection enableSelection(s); // remove listen for window move removeEventListner(window, 'mousemove', handlerMove); e.stopPropagation(); }, handlerDown = function(e) { drag = !0; screenY = e.screenY; height = s.clientHeight - parseInt(window.getComputedStyle(r).height); scrollTop = s.scrollTop; // Disable selection disableSelection(s); // Listen for window move eventListner(window, 'mousemove', handlerMove); eventListner(window, 'mouseup', handlerUp, true); e.preventDefault(); return false; }, handlerWrapDown = function(e) { if (e.offsetX > n.offsetWidth - 20) { s.scrollTop = Math.round((s.scrollHeight - s.clientHeight) * (e.offsetY / n.offsetHeight)); handlerDown(e); } }, n = d.createElement('div'); r = d.createElement('figure'); s = d.createElement('div'); // Wrap each insert elements for (i = 0; i < a.childNodes.length; i++) { s.appendChild(a.childNodes[0]); } a.appendChild(n); n.appendChild(r); n.appendChild(s); n.className = '-morulus-customsb'; // Set size of runner r.style.height = (100 * (s.clientHeight / s.scrollHeight) .toFixed(2)) + '%'; // Listen for scroll eventListner(s, 'scroll', handlerScroll); // Listen for drug eventListner(r, 'mousedown', handlerDown); eventListner(r, 'mouseup', handlerUp); // Listerb for drug on wrapper eventListner(n, 'mousedown', handlerWrapDown); }; })(); // Execute morulusCustomSb(document.getElementsByTagName('article')[0]) </script>  <script src="https://mycreativefx.com/frontend/js/mediaelement-and-player.min.js"></script> <script> var audio = { init: function() { var $that = this; $(function() { $that.components.media(); }); }, components: { media: function(target) { var media = $("audio.fc-media", target !== undefined ? target : "body"); if (media.length) { media.mediaelementplayer({ audioHeight: 40, features: [ "playpause", "current", "duration", "progress", "volume", "tracks", "fullscreen" ], alwaysShowControls: true, timeAndDurationSeparator: "<span></span>", iPadUseNativeControls: true, iPhoneUseNativeControls: true, AndroidUseNativeControls: true }); } } } }; audio.init(); </script> <script> $(".search-overlay-trigger").on('input', function() { if ($(this).val() != null || $(this).val() != '') { $(".search__list ul").empty(); var serach_value=$(this).val(); /* alert( "Handler for .change() called."+serach_value ); */ /* return false; */ } /* arrBirds = [{ "name": "ttt", "url": "bbbb" }, { "name": "uuu", "url": "ppp" }, { "name": "tipu", "url": "tipuurl" }] */ let data = arrBirds.filter(arrBirds => arrBirds.product_name.includes(serach_value)); if (data == null || data == '') { $(".search__list ul").append("<li><a href='# ' class='mylink'></a></li>"); } $.each(data, function(index, value) { $(".search__list ul").append("<li><a href='"+ value.slug +"' class='mylink'>" + value.product_name + "</a></li>"); }); $("#search-overlay").addClass("active"); // alert(serach_value); if ($(this).val() == null || $(this).val() == '') { $("#search-overlay").removeClass("active"); } }); $(".search-overlay-trigger").on('input', function() { if ($(this).val() != null || $(this).val() != '') { serach_value=$(this).val(); } $("#search-overlay2").addClass("active"); if ($(this).val() == null || $(this).val() == '') { $("#search-overlay2").removeClass("active"); } }); </script> <script> let toggle = function() { document.querySelectorAll('.dropdown-wrapper')[0].classList.toggle('active'); } document.querySelectorAll('.toggle_dropdown')[0].addEventListener("click", toggle); </script> <script type="text/javascript"> var arrBirds; $(document).ready(function() { var popup = ""; if(popup=='show'){ // $('#myModal').modal('toggle'); } }); </script> <script> document.addEventListener("DOMContentLoaded", function () { // When clicking radio button → close dropdown document.querySelectorAll(".dropdown-content input[type='radio']").forEach(function (radio) { radio.addEventListener("change", function () { // Find dropdown wrapper let dropdown = this.closest(".dropdown-wrapper"); // Remove active/open class dropdown.classList.remove("active"); // Hide dropdown content dropdown.querySelector(".dropdown-content").style.display = "none"; // Update selected text let selectedLabel = this.nextElementSibling.innerText.trim(); dropdown.querySelector(".dropdown-heading").innerText = selectedLabel; }); }); // Toggle on click (your existing handling) document.querySelectorAll(".toggle_dropdown").forEach(function (toggle) { toggle.addEventListener("click", function (e) { // Prevent auto close when clicking inside if (e.target.tagName !== "INPUT") { this.classList.toggle("active"); let content = this.querySelector(".dropdown-content"); content.style.display = content.style.display === "block" ? "none" : "block"; } }); }); }); </script> </html>