VFX Download – Free 4K VFX & Green Screen Effects for Video Editing</div>
</div>
<div class="card-footer d-flex align-items-center fs-xs"><a class="blog-entry-meta-link"
href="#">
<div class="blog-entry-author-ava"><img
src="https://mycreativefx.com/storage/temp/LPOTxz44e9lkMDMij8h3g0Rht5dqwDtBUVRVqUmm.png"
alt="Cynthia Gomez"></div>Admin
</a>
<div class="ms-auto text-nowrap"><a class="blog-entry-meta-link text-nowrap"
href="#">04 Apr 2026</a>
</div>
</div>
</div>
</article>
<article class="masonry-grid-item col-12 col-md-4 d-flex align-self-stretch mb-4">
<div class="card h-100"><a class="blog-entry-thumb" href="https://mycreativefx.com/blog/367-lumafusion-fx-pack-free-download-android-ios-cinematic-mobile-editing-effects">
<img class="card-img-top" src="https://mycreativefx.com/uploads/blog_image/1775215164.png" alt="Post"></a>
<div class="card-body">
<h2 class="h5 blog-entry-title"><a
href="https://mycreativefx.com/blog/367-lumafusion-fx-pack-free-download-android-ios-cinematic-mobile-editing-effects">LumaFusion FX Pack Free Download (Android & iOS) – Cinematic Mobile Editing Effects</a></h2>
<div class="fs-sm color-dark">LumaFusion FX Pack Free Download (Android & iOS) – Cinematic Mobile Editing Effects</div>
</div>
<div class="card-footer d-flex align-items-center fs-xs"><a class="blog-entry-meta-link"
href="#">
<div class="blog-entry-author-ava"><img
src="https://mycreativefx.com/storage/temp/LPOTxz44e9lkMDMij8h3g0Rht5dqwDtBUVRVqUmm.png"
alt="Cynthia Gomez"></div>Admin
</a>
<div class="ms-auto text-nowrap"><a class="blog-entry-meta-link text-nowrap"
href="#">03 Apr 2026</a>
</div>
</div>
</div>
</article>
<article class="masonry-grid-item col-12 col-md-4 d-flex align-self-stretch mb-4">
<div class="card h-100"><a class="blog-entry-thumb" href="https://mycreativefx.com/blog/366-5000-free-vfx-effects-download-4k-png-green-screen-for-creators">
<img class="card-img-top" src="https://mycreativefx.com/uploads/blog_image/1775213968.png" alt="Post"></a>
<div class="card-body">
<h2 class="h5 blog-entry-title"><a
href="https://mycreativefx.com/blog/366-5000-free-vfx-effects-download-4k-png-green-screen-for-creators">5000+ Free VFX Effects Download – 4K, PNG & Green Screen for Creators</a></h2>
<div class="fs-sm color-dark">5000+ Free VFX Effects Download – 4K, PNG & Green Screen for Creators</div>
</div>
<div class="card-footer d-flex align-items-center fs-xs"><a class="blog-entry-meta-link"
href="#">
<div class="blog-entry-author-ava"><img
src="https://mycreativefx.com/storage/temp/LPOTxz44e9lkMDMij8h3g0Rht5dqwDtBUVRVqUmm.png"
alt="Cynthia Gomez"></div>Admin
</a>
<div class="ms-auto text-nowrap"><a class="blog-entry-meta-link text-nowrap"
href="#">03 Apr 2026</a>
</div>
</div>
</div>
</article>
<article class="masonry-grid-item col-12 col-md-4 d-flex align-self-stretch mb-4">
<div class="card h-100"><a class="blog-entry-thumb" href="https://mycreativefx.com/blog/365-vfx-free-download-3000-free-vfx-assets-in-hd-4k-no-signup-required">
<img class="card-img-top" src="https://mycreativefx.com/uploads/blog_image/1775121664.png" alt="Post"></a>
<div class="card-body">
<h2 class="h5 blog-entry-title"><a
href="https://mycreativefx.com/blog/365-vfx-free-download-3000-free-vfx-assets-in-hd-4k-no-signup-required">VFX Free Download (3000+ Free VFX Assets in HD & 4K) – No Signup Required</a></h2>
<div class="fs-sm color-dark">VFX Free Download (3000+ Free VFX Assets in HD & 4K) – No Signup Required</div>
</div>
<div class="card-footer d-flex align-items-center fs-xs"><a class="blog-entry-meta-link"
href="#">
<div class="blog-entry-author-ava"><img
src="https://mycreativefx.com/storage/temp/LPOTxz44e9lkMDMij8h3g0Rht5dqwDtBUVRVqUmm.png"
alt="Cynthia Gomez"></div>Admin
</a>
<div class="ms-auto text-nowrap"><a class="blog-entry-meta-link text-nowrap"
href="#">02 Apr 2026</a>
</div>
</div>
</div>
</article>
<article class="masonry-grid-item col-12 col-md-4 d-flex align-self-stretch mb-4">
<div class="card h-100"><a class="blog-entry-thumb" href="https://mycreativefx.com/blog/best-free-sound-effects-download-site-2026-mycreativefx-sfx-library">
<img class="card-img-top" src="https://mycreativefx.com/uploads/blog_image/1775035766.png" alt="Post"></a>
<div class="card-body">
<h2 class="h5 blog-entry-title"><a
href="https://mycreativefx.com/blog/best-free-sound-effects-download-site-2026-mycreativefx-sfx-library">Best Free Sound Effects Download Site (2026) – MyCreativeFX SFX Library</a></h2>
<div class="fs-sm color-dark">Best Free Sound Effects Download Site (2026) – MyCreativeFX SFX Library</div>
</div>
<div class="card-footer d-flex align-items-center fs-xs"><a class="blog-entry-meta-link"
href="#">
<div class="blog-entry-author-ava"><img
src="https://mycreativefx.com/storage/temp/LPOTxz44e9lkMDMij8h3g0Rht5dqwDtBUVRVqUmm.png"
alt="Cynthia Gomez"></div>Admin
</a>
<div class="ms-auto text-nowrap"><a class="blog-entry-meta-link text-nowrap"
href="#">01 Apr 2026</a>
</div>
</div>
</div>
</article>
<article class="masonry-grid-item col-12 col-md-4 d-flex align-self-stretch mb-4">
<div class="card h-100"><a class="blog-entry-thumb" href="https://mycreativefx.com/blog/363-5000-free-vfx-downloads-for-every-creator-beginner-to-pro-4k-png-green-screen">
<img class="card-img-top" src="https://mycreativefx.com/uploads/blog_image/1775034848.png" alt="Post"></a>
<div class="card-body">
<h2 class="h5 blog-entry-title"><a
href="https://mycreativefx.com/blog/363-5000-free-vfx-downloads-for-every-creator-beginner-to-pro-4k-png-green-screen">5000+ Free VFX Downloads for Every Creator (Beginner to Pro) – 4K, PNG & Green Screen</a></h2>
<div class="fs-sm color-dark">5000+ Free VFX Downloads for Every Creator (Beginner to Pro) – 4K, PNG & Green Screen</div>
</div>
<div class="card-footer d-flex align-items-center fs-xs"><a class="blog-entry-meta-link"
href="#">
<div class="blog-entry-author-ava"><img
src="https://mycreativefx.com/storage/temp/LPOTxz44e9lkMDMij8h3g0Rht5dqwDtBUVRVqUmm.png"
alt="Cynthia Gomez"></div>Admin
</a>
<div class="ms-auto text-nowrap"><a class="blog-entry-meta-link text-nowrap"
href="#">01 Apr 2026</a>
</div>
</div>
</div>
</article>
<article class="masonry-grid-item col-12 col-md-4 d-flex align-self-stretch mb-4">
<div class="card h-100"><a class="blog-entry-thumb" href="https://mycreativefx.com/blog/download-2000-capcut-fx-free-vfx-download-for-mobile-editing">
<img class="card-img-top" src="https://mycreativefx.com/uploads/blog_image/1774938707.png" alt="Post"></a>
<div class="card-body">
<h2 class="h5 blog-entry-title"><a
href="https://mycreativefx.com/blog/download-2000-capcut-fx-free-vfx-download-for-mobile-editing">Download 2000+ CapCut FX – Free VFX Download for Mobile Editing</a></h2>
<div class="fs-sm color-dark">Download 2000+ CapCut FX – Free VFX Download for Mobile Editing</div>
</div>
<div class="card-footer d-flex align-items-center fs-xs"><a class="blog-entry-meta-link"
href="#">
<div class="blog-entry-author-ava"><img
src="https://mycreativefx.com/storage/temp/LPOTxz44e9lkMDMij8h3g0Rht5dqwDtBUVRVqUmm.png"
alt="Cynthia Gomez"></div>Admin
</a>
<div class="ms-auto text-nowrap"><a class="blog-entry-meta-link text-nowrap"
href="#">31 Mar 2026</a>
</div>
</div>
</div>
</article>
<article class="masonry-grid-item col-12 col-md-4 d-flex align-self-stretch mb-4">
<div class="card h-100"><a class="blog-entry-thumb" href="https://mycreativefx.com/blog/358-mycreativefx-download-free-vfx-overlays-video-effects-in-hd-4k">
<img class="card-img-top" src="https://mycreativefx.com/uploads/blog_image/1774936850.png" alt="Post"></a>
<div class="card-body">
<h2 class="h5 blog-entry-title"><a
href="https://mycreativefx.com/blog/358-mycreativefx-download-free-vfx-overlays-video-effects-in-hd-4k">MyCreativeFX – Download Free VFX, Overlays & Video Effects in HD/4K</a></h2>
<div class="fs-sm color-dark">MyCreativeFX – Download Free VFX, Overlays & Video Effects in HD/4K</div>
</div>
<div class="card-footer d-flex align-items-center fs-xs"><a class="blog-entry-meta-link"
href="#">
<div class="blog-entry-author-ava"><img
src="https://mycreativefx.com/storage/temp/LPOTxz44e9lkMDMij8h3g0Rht5dqwDtBUVRVqUmm.png"
alt="Cynthia Gomez"></div>Admin
</a>
<div class="ms-auto text-nowrap"><a class="blog-entry-meta-link text-nowrap"
href="#">31 Mar 2026</a>
</div>
</div>
</div>
</article>
<article class="masonry-grid-item col-12 col-md-4 d-flex align-self-stretch mb-4">
<div class="card h-100"><a class="blog-entry-thumb" href="https://mycreativefx.com/blog/359-free-vfx-download-5000-vfx-assets-for-video-editing-mycreativefx">
<img class="card-img-top" src="https://mycreativefx.com/uploads/blog_image/1774937446.png" alt="Post"></a>
<div class="card-body">
<h2 class="h5 blog-entry-title"><a
href="https://mycreativefx.com/blog/359-free-vfx-download-5000-vfx-assets-for-video-editing-mycreativefx">Free VFX Download – 5000+ VFX Assets for Video Editing | MyCreativeFX</a></h2>
<div class="fs-sm color-dark">Free VFX Download – 5000+ VFX Assets for Video Editing | MyCreativeFX</div>
</div>
<div class="card-footer d-flex align-items-center fs-xs"><a class="blog-entry-meta-link"
href="#">
<div class="blog-entry-author-ava"><img
src="https://mycreativefx.com/storage/temp/LPOTxz44e9lkMDMij8h3g0Rht5dqwDtBUVRVqUmm.png"
alt="Cynthia Gomez"></div>Admin
</a>
<div class="ms-auto text-nowrap"><a class="blog-entry-meta-link text-nowrap"
href="#">31 Mar 2026</a>
</div>
</div>
</div>
</article>
<!-- Entry-->
<!-- Entry-->
</div>
<hr class="mb-4">
<!-- Pagination-->
<nav class="d-flex justify-content-between pt-2" aria-label="Page navigation">
<ul class="pagination">
</ul>
<ul class="pagination">
<nav>
<ul class="pagination">
<li class="page-item">
<a class="page-link" href="https://mycreativefx.com/blog?page=4" rel="prev" aria-label="« Previous">‹</a>
</li>
<li class="page-item"><a class="page-link" href="https://mycreativefx.com/blog?page=1">1</a></li>
<li class="page-item"><a class="page-link" href="https://mycreativefx.com/blog?page=2">2</a></li>
<li class="page-item"><a class="page-link" href="https://mycreativefx.com/blog?page=3">3</a></li>
<li class="page-item"><a class="page-link" href="https://mycreativefx.com/blog?page=4">4</a></li>
<li class="page-item active" aria-current="page"><span class="page-link">5</span></li>
<li class="page-item"><a class="page-link" href="https://mycreativefx.com/blog?page=6">6</a></li>
<li class="page-item"><a class="page-link" href="https://mycreativefx.com/blog?page=7">7</a></li>
<li class="page-item"><a class="page-link" href="https://mycreativefx.com/blog?page=8">8</a></li>
<li class="page-item"><a class="page-link" href="https://mycreativefx.com/blog?page=9">9</a></li>
<li class="page-item"><a class="page-link" href="https://mycreativefx.com/blog?page=10">10</a></li>
<li class="page-item disabled" aria-disabled="true"><span class="page-link">...</span></li>
<li class="page-item"><a class="page-link" href="https://mycreativefx.com/blog?page=16">16</a></li>
<li class="page-item"><a class="page-link" href="https://mycreativefx.com/blog?page=17">17</a></li>
<li class="page-item">
<a class="page-link" href="https://mycreativefx.com/blog?page=6" rel="next" aria-label="Next »">›</a>
</li>
</ul>
</nav>
</ul>
<ul class="pagination">
</ul>
</nav>
</div>
</div>
<!--=================================
Footer -->
<footer class="bg-light pt-8 position-relative ">
<div class="container__width">
<div class="position__block">
<div class="social__block">
<!-- Facebook -->
<a href="https://www.google.com/" class="btn-social bs-instagram1" target="_blank">
<i class="ci-instagram"></i>
</a>
<!-- Twitter -->
<!-- Google -->
<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-lut-pack">Cinematic Looks Lut Pack</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>
<!-- .inner_row -->
</div>
</div>
</div>
</footer>
<!-- Toolbar for handheld devices (Default)-->
<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>
<!-- Back To Top Button--><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>
<!-- Basic modal markup -->
<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>
<!-- Main theme 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>
<!-- ******** Audio Media JS Start ******** -->
<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>
Premium Plans
