CINXE.COM
Modern Transitions | Final Cut Pro, Apple Motion Templates | VideoHive
<!doctype html> <!--[if IE 9]> <html class="no-js ie9 fixed-layout" lang="en"> <![endif]--> <!--[if gt IE 9]><!--> <html class="no-js " lang="en"> <!--<![endif]--> <head> <meta charset="utf-8"> <script src="https://public-assets.envato-static.com/assets/market/core/datadog-c9dadca4b1354094f125388491f85039fc6c2017f1bbf824b789caa4c03450a2.js" nonce="Op0V3NmurovO3Z/hWCgY6w=="></script> <script nonce="Op0V3NmurovO3Z/hWCgY6w=="> //<![CDATA[ window.DD_RUM && window.DD_RUM.init({ clientToken: 'puba7a42f353afa86efd9e11ee56e5fc8d9', applicationId: '8561f3f6-5252-482b-ba9f-2bbb1b009106', site: 'datadoghq.com', service: 'marketplace', env: 'production', version: 'ccba95d89a6177ad7e8591709290915ace200f82', sampleRate: 0.2, premiumSampleRate: 5, trackInteractions: false, defaultPrivacyLevel: 'mask-user-input', beforeSend: (event, context) => { if (typeof window.datadog_attributes == 'object') event.context = {...event.context, ...window.datadog_attributes} }, }) //]]> </script> <script nonce="Op0V3NmurovO3Z/hWCgY6w=="> //<![CDATA[ var rollbarEnvironment = "production" var codeVersion = "ccba95d89a6177ad7e8591709290915ace200f82" //]]> </script> <script src="https://public-assets.envato-static.com/mp/packs/js/rollbar-988f1d8d659eebc80df6.js" nonce="Op0V3NmurovO3Z/hWCgY6w=="></script> <meta content="origin-when-cross-origin" name="referrer" /> <link rel="dns-prefetch" href="//s3.envato.com" /> <link rel="preload" href="https://market-resized.envatousercontent.com/videohive.net/files/578849414/Preview%20Image%20FCPX.jpg?auto=format&q=85&cf_fit=crop&gravity=top&h=8000&w=590&s=71472eb867f4b13c27c2403d520a99531eba44190a4909957e0046ffd5ffb123" as="image" /> <link rel="preload" href="https://public-assets.envato-static.com/assets/generated_sprites/logos-20f56d7ae7a08da2c6698db678490c591ce302aedb1fcd05d3ad1e1484d3caf9.png" as="image" /> <link rel="preload" href="https://public-assets.envato-static.com/assets/generated_sprites/common-5af54247f3a645893af51456ee4c483f6530608e9c15ca4a8ac5a6e994d9a340.png" as="image" /> <title>Modern Transitions | Final Cut Pro, Apple Motion Templates | VideoHive</title> <meta name="description" content="Buy Modern Transitions | Final Cut Pro by Imocean on VideoHive. Transitions with flat design and dynamic animation. Use for your any media content. Vertical and square versions for..."> <meta name="viewport" content="width=device-width,initial-scale=1"> <link rel="icon" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/favicon-1147a1221bfa55e7ee6678c2566ccd7580fa564fe2172489284a1c0b1d8d595d.png" /> <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/apple-touch-icon-72x72-precomposed-ea6fb08063069270d41814bdcea6a36fee5fffaba8ec1f0be6ccf3ebbb63dddb.png" sizes="72x72" /> <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/apple-touch-icon-114x114-precomposed-bab982e452fbea0c6821ffac2547e01e4b78e1df209253520c7c4e293849c4d3.png" sizes="114x114" /> <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/apple-touch-icon-120x120-precomposed-8275dc5d1417e913b7bd8ad048dccd1719510f0ca4434f139d675172c1095386.png" sizes="120x120" /> <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/apple-touch-icon-144x144-precomposed-c581101b4f39d1ba1c4a5e45edb6b3418847c5c387b376930c6a9922071c8148.png" sizes="144x144" /> <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/apple-touch-icon-precomposed-c581101b4f39d1ba1c4a5e45edb6b3418847c5c387b376930c6a9922071c8148.png" /> <link rel="stylesheet" href="https://public-assets.envato-static.com/assets/market/core/index-a9b4110996ce191cf79c3c3d4591a5bb3ada6179f9cdd9de9e89ba0bd13823e0.css" media="all" /> <link rel="stylesheet" href="https://public-assets.envato-static.com/assets/market/pages/default/index-43c9e199b223db5c5bba332e76ddb21b8a94a6038c1f49a8e7d1d258d5b02293.css" media="all" /> <link rel="stylesheet" href="https://public-assets.envato-static.com/mp/packs/css/components/brand_neue_tokens-a3eebe3f.css" media="screen" /> <meta name="theme-color" content="#333333"> <link rel="canonical" href="https://videohive.net/item/modern-transitions-final-cut-pro/49436805" /> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "name": "VideoHive", "url": "https://videohive.net" } </script> <script type="application/ld+json"> {"@context":"http://schema.org","@type":"Product","category":"Abstract","url":"https://videohive.net/item/modern-transitions-final-cut-pro/49436805","description":"Transitions with flat design and dynamic animation. Use for your any media content. Vertical and square versions for Instagram video, Reels, Stories, Youtube Shorts, TitTok content are included. Version for FCPX and Motion 5. The project has flexible settings and drag and drop system. You can use any color, place your logo or text. Easy changing the duration of the transitions. ♦ See also similar: Flat Transitions I Gradient Transitions I Transitions for FCPX Recommended: Project Features: Compatible with FCPX 10.4.6, Apple Motion 5.4.2 and higher Resolution: 4K (3840×2860), Full HD (1920×1080) Resizable: Horizontal 16:9, Vertical 9:16, Square 1:1 10 animated transitions Friendly Interface Use any color In \u0026amp; Out animat","name":"Modern Transitions | Final Cut Pro","image":"https://s3.envato.com/files/477999837/Thumbnail%20FCPX.jpg","brand":{"@type":"Brand","name":"Imocean"},"sku":49436805,"mpn":"E-49436805","productionDate":"2025-02-08T20:26:05+11:00","releaseDate":"2025-02-08T20:26:05+11:00","offers":{"@type":"Offer","price":"16.00","priceCurrency":"USD","priceValidUntil":"2025-02-21T23:59:59+11:00","itemCondition":"http://schema.org/NewCondition","availability":"http://schema.org/InStock","url":"https://videohive.net/item/modern-transitions-final-cut-pro/49436805"}} </script> <script type="application/ld+json"> {"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://videohive.net"},{"@type":"ListItem","position":2,"name":"Files","item":"https://videohive.net/category/all"},{"@type":"ListItem","position":3,"name":"Apple Motion Templates","item":"https://videohive.net/apple-motion-templates"},{"@type":"ListItem","position":4,"name":"Elements","item":"https://videohive.net/apple-motion-templates/elements"},{"@type":"ListItem","position":5,"name":"Transition","item":"https://videohive.net/apple-motion-templates/elements/transition"},{"@type":"ListItem","position":6,"name":"Abstract"}]} </script> <script nonce="Op0V3NmurovO3Z/hWCgY6w=="> //<![CDATA[ window.dataLayer = window.dataLayer || []; //]]> </script> <meta name="bingbot" content="nocache"> <meta name="twitter:card" content="player" /> <meta name="twitter:site" content="@envatomarket" /> <meta /> <meta name="twitter:data1" content="$16 USD" /> <meta name="twitter:label1" content="Price" /> <meta name="twitter:data2" content="VideoHive" /> <meta name="twitter:label2" content="Marketplace" /> <meta name="twitter:domain" content="videohive.net" /> <meta property="og:title" content="Modern Transitions | Final Cut Pro" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://videohive.net/item/modern-transitions-final-cut-pro/49436805" /> <meta property="og:image" content="https://s3.envato.com/files/578849414/Preview%20Image%20FCPX.jpg" /> <meta property="og:description" content=" Transitions with flat design and dynamic animation. Use for your any media content. Vertical and square versions for Instagram video, Reels, Stories, Youtube Shorts, TitTok content are include..." /> <meta property="og:site_name" content="VideoHive" /> <meta name="twitter:player:height" content="480" /> <meta name="twitter:player:width" content="640" /> <meta name="twitter:player" content="https://videohive.net/item/modern-transitions-final-cut-pro/embed/49436805" /> <meta name="twitter:player:stream" content="https://s3.envato.com/h264-video-previews/80a6aa18-8567-45a1-80e6-4968ed06a9db/11137719.mp4" /> <meta name="twitter:player:stream:content_type" content="video/mp4" /> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="s19g523iVGZpC2x3dJGXna7BGPNg5vFDVX4T5u_SwL6h8vVbtNAuSwoi5PjVOw6qccz-U57AiPeiXMg-cfJ2UQ" /> <meta name="turbo-visit-control" content="reload"> <script type="text/plain" nonce="Op0V3NmurovO3Z/hWCgY6w==" data-cookieconsent="statistics"> //<![CDATA[ var container_env_param = ""; (function(w,d,s,l,i) { w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl+container_env_param; f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-W8KL5Q5'); //]]> </script> <script type="text/plain" nonce="Op0V3NmurovO3Z/hWCgY6w==" data-cookieconsent="marketing"> //<![CDATA[ var gtmId = 'GTM-KGCDGPL6'; var container_env_param = ""; // Google Tag Manager Tracking Code (function(w,d,s,l,i) { w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl+container_env_param; f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer', gtmId); window.addEventListener('load', function() { window.dataLayer.push({ event: 'pinterestReady' }); }); //]]> </script> <script src="https://public-assets.envato-static.com/assets/market/core/head-27cdb5ede34aef07336dc99fceecaf31a2d50c9615e8116fc60965812916e464.js" nonce="Op0V3NmurovO3Z/hWCgY6w=="></script> </head> <body class="color-scheme-light" data-view="app impressionTracker" data-responsive="true" data-user-signed-in="false" > <script nonce="Op0V3NmurovO3Z/hWCgY6w=="> //<![CDATA[ var gtmConfig = {} //]]> </script> <!--[if lte IE 8]> <div style="color:#fff;background:#f00;padding:20px;text-align:center;"> VideoHive no longer actively supports this version of Internet Explorer. We suggest that you <a href="https://windows.microsoft.com/en-us/internet-explorer/download-ie" style="color:#fff;text-decoration:underline;">upgrade to a newer version</a> or <a href="https://browsehappy.com/" style="color:#fff;text-decoration:underline;">try a different browser</a>. </div> <![endif]--> <script src="https://public-assets.envato-static.com/mp/packs/js/gtm_measurements-56c09aea58a824aa5676.js" nonce="Op0V3NmurovO3Z/hWCgY6w=="></script> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W8KL5Q5" height="0" width="0" style="display:none;visibility:hidden" > </iframe> </noscript> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KGCDGPL6" height="0" width="0" style="display:none;visibility:hidden" > </iframe> </noscript> <script nonce="Op0V3NmurovO3Z/hWCgY6w=="> //<![CDATA[ (function() { function normalizeAttributeValue(value) { if (value === undefined || value === null) return undefined var normalizedValue if (Array.isArray(value)) { normalizedValue = normalizedValue || value .map(normalizeAttributeValue) .filter(Boolean) .join(', ') } normalizedValue = normalizedValue || value .toString() .toLowerCase() .trim() .replace(/&/g, '&') .replace(/'/g, "'") .replace(/\s+/g, ' ') if (normalizedValue === '') return undefined return normalizedValue } var pageAttributes = { app_name: normalizeAttributeValue('Marketplace'), app_env: normalizeAttributeValue('production'), app_version: normalizeAttributeValue('ccba95d89a6177ad7e8591709290915ace200f82'), page_type: normalizeAttributeValue('item'), page_location: window.location.href, page_title: document.title, page_referrer: document.referrer, ga_param: normalizeAttributeValue(''), event_attributes: null, user_attributes: { user_id: normalizeAttributeValue(''), market_user_id: normalizeAttributeValue(''), } } dataLayer.push(pageAttributes) dataLayer.push({ event: 'analytics_ready', event_attributes: { event_type: 'user', custom_timestamp: Date.now() } }) })(); //]]> </script> <div class="page"> <div class="page__off-canvas--left overflow"> <div class="off-canvas-left js-off-canvas-left"> <div class="off-canvas-left__top"> <a href="https://videohive.net">Envato Market</a> </div> <div class="off-canvas-left__current-site -color-videohive"> <span class="off-canvas-left__site-title"> Video </span> <a class="off-canvas-left__current-site-toggle -white-arrow -color-videohive" data-view="dropdown" data-dropdown-target=".off-canvas-left__sites" href="#"></a> </div> <div class="off-canvas-left__sites is-hidden" id="off-canvas-sites"> <a class="off-canvas-left__site" href="https://themeforest.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> Web Themes & Templates </span> <i class="e-icon -icon-right-open"></i> </a> <a class="off-canvas-left__site" href="https://codecanyon.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> Code </span> <i class="e-icon -icon-right-open"></i> </a> <a class="off-canvas-left__site" href="https://audiojungle.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> Audio </span> <i class="e-icon -icon-right-open"></i> </a> <a class="off-canvas-left__site" href="https://graphicriver.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> Graphics </span> <i class="e-icon -icon-right-open"></i> </a> <a class="off-canvas-left__site" href="https://photodune.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> Photos </span> <i class="e-icon -icon-right-open"></i> </a> <a class="off-canvas-left__site" href="https://3docean.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> 3D Files </span> <i class="e-icon -icon-right-open"></i> </a></div> <div class="off-canvas-left__search"> <form id="search" action="/category/all" accept-charset="UTF-8" method="get"> <div class="search-field -border-none"> <div class="search-field__input"> <input id="term" name="term" type="search" placeholder="Search" class="search-field__input-field" /> </div> <button class="search-field__button" type="submit"> <i class="e-icon -icon-search"><span class="e-icon__alt">Search</span></i> </button> </div> </form></div> <ul> <li> <a class="elements-nav__category-link external-link" target="_blank" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"site switcher","ecommerce":{"promotionId":"switcher_mobile_31JUL2024","promotionName":"switcher_mobile_31JUL2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"site switcher","ecommerce":{"promotionId":"switcher_mobile_31JUL2024","promotionName":"switcher_mobile_31JUL2024","promotionType":"elements referral"}}" href="https://elements.envato.com/?utm_campaign=switcher_mobile_31JUL2024&utm_medium=referral&utm_source=videohive.net">Unlimited Downloads</a> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-all-items" href="/category/all"> All Items </a> <ul class="is-hidden" id="off-canvas-all-items"> <li> <a class="off-canvas-category-link--sub" href="/top-sellers">Popular Files</a> </li> <li> <a class="off-canvas-category-link--sub" href="/feature">Featured Files</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/all?date=this-month&sort=sales">Top New Files</a> </li> <li> <a class="off-canvas-category-link--sub" href="/follow_feed">Follow Feed</a> </li> <li> <a class="off-canvas-category-link--sub" href="/authors/top">Top Authors</a> </li> <li> <a class="off-canvas-category-link--sub" href="/page/top_new_sellers">Top New Authors</a> </li> <li> <a class="off-canvas-category-link--sub" href="/collections">Public Collections</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category">View All Categories</a> </li> <li> <a class="off-canvas-category-link--sub external-link elements-nav__category-link" target="_blank" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited Video Templates","promotionName":"Unlimited Video Templates","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited Video Templates","promotionName":"Unlimited Video Templates","promotionType":"elements referral"}}" href="https://elements.envato.com/video-templates/?utm_campaign=elements_mkt-nav_child&utm_content=vh_all-items&utm_medium=referral&utm_source=videohive.net">Unlimited Video Templates</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-after-effects" href="/category/after-effects-project-files"> After Effects </a> <ul class="is-hidden" id="off-canvas-after-effects"> <li> <a class="off-canvas-category-link--sub" href="/category/after-effects-project-files">Show all After Effects</a> </li> <li> <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=after-effects-project-files">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/after-effects-project-files/broadcast-packages">Broadcast Packages</a> </li> <li> <a class="off-canvas-category-link--sub" href="/attributes/video-project-requires/Element 3D?sort=date">Element 3D</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/after-effects-project-files/elements">Elements</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/after-effects-project-files/infographics">Infographics</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/after-effects-project-files/logo-stings">Logo Stings</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/after-effects-project-files/openers">Openers</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/after-effects-project-files/product-promo">Product Promo</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/after-effects-project-files/titles">Titles</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/after-effects-project-files/video-displays">Video Displays</a> </li> <li> <a class="off-canvas-category-link--sub external-link elements-nav__category-link" target="_blank" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited After Effects","promotionName":"Unlimited After Effects","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited After Effects","promotionName":"Unlimited After Effects","promotionType":"elements referral"}}" href="https://elements.envato.com/video-templates/compatible-with-after-effects/?utm_campaign=elements_mkt-nav_child&utm_content=vh_after-effects&utm_medium=referral&utm_source=videohive.net">Unlimited After Effects</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-premiere-pro" href="/category/premiere-pro-templates"> Premiere Pro </a> <ul class="is-hidden" id="off-canvas-premiere-pro"> <li> <a class="off-canvas-category-link--sub" href="/category/premiere-pro-templates">Show all Premiere Pro</a> </li> <li> <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=premiere-pro-templates">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/premiere-pro-templates/broadcast-packages">Broadcast Packages</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/premiere-pro-templates/elements">Elements</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/premiere-pro-templates/infographics">Infographics</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/premiere-pro-templates/logo-stings">Logo Stings</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/premiere-pro-templates/openers">Openers</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/premiere-pro-templates/product-promo">Product Promo</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/premiere-pro-templates/titles">Titles</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/premiere-pro-templates/video-displays">Video Displays</a> </li> <li> <a class="off-canvas-category-link--sub external-link elements-nav__category-link" target="_blank" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited Premiere Pro","promotionName":"Unlimited Premiere Pro","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited Premiere Pro","promotionName":"Unlimited Premiere Pro","promotionType":"elements referral"}}" href="https://elements.envato.com/video-templates/compatible-with-premiere-pro/?utm_campaign=elements_mkt-nav_child&utm_content=vh_premiere-pro&utm_medium=referral&utm_source=videohive.net">Unlimited Premiere Pro</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-apple-motion" href="/category/apple-motion-templates"> Apple Motion </a> <ul class="is-hidden" id="off-canvas-apple-motion"> <li> <a class="off-canvas-category-link--sub" href="/category/apple-motion-templates">Show all Apple Motion</a> </li> <li> <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=apple-motion-templates">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/apple-motion-templates/elements">Elements</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/apple-motion-templates/logo-stings">Logo Stings</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/apple-motion-templates/openers">Openers</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/apple-motion-templates/titles">Titles</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/apple-motion-templates/video-displays">Video Displays</a> </li> <li> <a class="off-canvas-category-link--sub external-link elements-nav__category-link" target="_blank" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited Apple Motion","promotionName":"Unlimited Apple Motion","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited Apple Motion","promotionName":"Unlimited Apple Motion","promotionType":"elements referral"}}" href="https://elements.envato.com/video-templates/compatible-with-apple-motion/?utm_campaign=elements_mkt-nav_child&utm_content=vh_apple-motion&utm_medium=referral&utm_source=videohive.net">Unlimited Apple Motion</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-davinci-resolve" href="/category/davinci-resolve-templates"> DaVinci Resolve </a> <ul class="is-hidden" id="off-canvas-davinci-resolve"> <li> <a class="off-canvas-category-link--sub" href="/category/davinci-resolve-templates">Show all DaVinci Resolve</a> </li> <li> <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=davinci-resolve-templates">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/davinci-resolve-templates/broadcast-packages">Broadcast Packages</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/davinci-resolve-templates/elements">Elements</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/davinci-resolve-templates/infographics">Infographics</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/davinci-resolve-templates/logo-stings">Logo Stings</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/davinci-resolve-templates/openers">Openers</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/davinci-resolve-templates/product-promo">Product Promo</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/davinci-resolve-templates/titles">Titles</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/davinci-resolve-templates/video-displays">Video Displays</a> </li> <li> <a class="off-canvas-category-link--sub external-link elements-nav__category-link" target="_blank" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited DaVinci Resolve","promotionName":"Unlimited DaVinci Resolve","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited DaVinci Resolve","promotionName":"Unlimited DaVinci Resolve","promotionType":"elements referral"}}" href="https://elements.envato.com/video-templates/compatible-with-davinci-resolve/?utm_campaign=elements_mkt-nav_child&utm_content=vh_davinci-resolve&utm_medium=referral&utm_source=videohive.net">Unlimited DaVinci Resolve</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-motion-graphics" href="/category/motion-graphics"> Motion Graphics </a> <ul class="is-hidden" id="off-canvas-motion-graphics"> <li> <a class="off-canvas-category-link--sub" href="/category/motion-graphics">Show all Motion Graphics</a> </li> <li> <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=motion-graphics">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/motion-graphics/backgrounds">Backgrounds</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/motion-graphics/bugs">Bugs</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/motion-graphics/elements">Elements</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/motion-graphics/infographics">Infographics</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/motion-graphics/interface-effects">Interface Effects</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/motion-graphics/lower-thirds">Lower Thirds</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/motion-graphics/overlays">Overlays</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/motion-graphics/revealer">Revealer</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/motion-graphics/transitions">Transitions</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/motion-graphics/miscellaneous">Miscellaneous</a> </li> <li> <a class="off-canvas-category-link--sub external-link elements-nav__category-link" target="_blank" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited Motion Graphics","promotionName":"Unlimited Motion Graphics","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited Motion Graphics","promotionName":"Unlimited Motion Graphics","promotionType":"elements referral"}}" href="https://elements.envato.com/stock-video/motion-graphics/?utm_campaign=elements_mkt-nav_child&utm_content=vh_motion-graphics&utm_medium=referral&utm_source=videohive.net">Unlimited Motion Graphics</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-stock-footage" href="/category/stock-footage"> Stock Footage </a> <ul class="is-hidden" id="off-canvas-stock-footage"> <li> <a class="off-canvas-category-link--sub" href="/category/stock-footage">Show all Stock Footage</a> </li> <li> <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=stock-footage">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/stock-footage/buildings">Buildings</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/stock-footage/business-corporate">Business, Corporate</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/stock-footage/cartoons">Cartoons</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/stock-footage/city">City</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/stock-footage/construction">Construction</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/stock-footage/education">Education</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/stock-footage/food">Food</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/stock-footage/holidays">Holidays</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/stock-footage/industrial">Industrial</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/stock-footage/kids">Kids</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/stock-footage/lifestyle">Lifestyle</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/stock-footage/medical">Medical</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/stock-footage/military">Military</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/stock-footage/nature">Nature</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/stock-footage/overhead">Overhead</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/stock-footage/people">People</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/stock-footage/religious">Religious</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/stock-footage/science">Science</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/stock-footage/slow-motion">Slow Motion</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/stock-footage/special-events">Special Events</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/stock-footage/sports">Sports</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/stock-footage/stop-motion">Stop Motion</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/stock-footage/technology">Technology</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/stock-footage/time-lapse">Time Lapse</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/stock-footage/vehicles">Vehicles</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/stock-footage/weather">Weather</a> </li> <li> <a class="off-canvas-category-link--sub external-link elements-nav__category-link" target="_blank" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited Stock Footage","promotionName":"Unlimited Stock Footage","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited Stock Footage","promotionName":"Unlimited Stock Footage","promotionType":"elements referral"}}" href="https://elements.envato.com/stock-video/?utm_campaign=elements_mkt-nav_child&utm_content=vh_stock-footage&utm_medium=referral&utm_source=videohive.net">Unlimited Stock Footage</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-add-ons" href="/category/add-ons"> Add Ons </a> <ul class="is-hidden" id="off-canvas-add-ons"> <li> <a class="off-canvas-category-link--sub" href="/category/add-ons">Show all Add Ons</a> </li> <li> <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=add-ons">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/add-ons/after-effects-presets">After Effects Presets</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/add-ons/after-effects-scripts">After Effects Scripts</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/add-ons/premiere-pro-presets">Premiere Pro Presets</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-video-maker" href="https://placeit.net/video-maker?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-menu-video&utm_content=video_maker"> Video Maker </a> <ul class="is-hidden" id="off-canvas-video-maker"> <li> <a class="off-canvas-category-link--sub" href="https://placeit.net/video-maker?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-menu-video&utm_content=video_maker">Video Maker</a> </li> <li> <a class="off-canvas-category-link--sub" href="https://placeit.net/intro-maker?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-menu-video&utm_content=intro_maker">Intro Maker</a> </li> <li> <a class="off-canvas-category-link--sub" href="https://placeit.net/slideshow-maker?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-menu-video&utm_content=slideshow_maker">Slideshow Maker</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-more" href="/category"> More </a> <ul class="is-hidden" id="off-canvas-more"> <li> <a class="off-canvas-category-link--sub" href="/category/cinema-4d-templates/elements">Cinema 4D Elements</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/cinema-4d-templates/logo-stings">Cinema 4D Logo Stings</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/cinema-4d-templates/openers">Cinema 4D Openers</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/cinema-4d-templates/titles">Cinema 4D Titles</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/cinema-4d-templates/video-displays">Cinema 4D Video Displays</a> </li> <li> <a class="off-canvas-category-link--sub" href="/search/logo">Logo Files</a> </li> <li> <a class="off-canvas-category-link--sub" href="/search/news">News Files</a> </li> <li> <a class="off-canvas-category-link--sub" href="/search/wedding">Wedding Files</a> </li> </ul> </li> </ul> </div> </div> <div class="page__off-canvas--right overflow"> <div class="off-canvas-right"> <a class="off-canvas-right__link--cart" href="/cart"> Guest Cart <div class="shopping-cart-summary is-empty" data-view="cartCount"> <span class="js-cart-summary-count shopping-cart-summary__count">0</span> <i class="e-icon -icon-cart"></i> </div> </a> <a class="off-canvas-right__link" href="/sign_up"> Create an Envato Account <i class="e-icon -icon-envato"></i> </a> <a class="off-canvas-right__link" href="/sign_in"> Sign In <i class="e-icon -icon-login"></i> </a> </div> </div> <div class="page__canvas"> <div class="canvas"> <div class="canvas__header"> <div class="banner__spacer"></div> <div class="banner banner__top" data-view="banner" data-cache-key="banner_elements_mkt-header_general_20Jan2025_cache" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"referral bar","ecommerce":{"promotionId":"elements_mkt-header_general_20Jan2025","promotionName":"elements_mkt-header_general_20Jan2025","promotionType":"elements referral"}}" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"referral bar","ecommerce":{"promotionId":"elements_mkt-header_general_20Jan2025","promotionName":"elements_mkt-header_general_20Jan2025","promotionType":"elements referral"}}" data-cookiebot-enabled="true" data-cookie-data="{"apple-motion-templates":"elements_mkt-header_general_20Jan2025"}"> <div class="headerstrip-wrapper"> <a class="headerstrip js-banner__link" href="https://elements.envato.com/pricing?utm_campaign=elements_mkt-header_general_20Jan2025&utm_content=vh_marketing-banner&utm_medium=promos&utm_source=videohive.net" target="_blank" rel="noopener noreferrer"> <div class="headerstrip-content-background"></div> <div class="headerstrip-content-wrapper"> <div class="headerstrip-canvas is-hidden-desktop"> <div class="headerstrip-content"> <div class="headerstrip-text"> <strong>Envato Elements:</strong> <span class="js-banner__link headerstrip-cta-mobile" href="https://elements.envato.com/pricing?utm_campaign=elements_mkt-header_general_20Jan2025&utm_content=vh_marketing-banner&utm_medium=promos&utm_source=videohive.net">Go unlimited!</span> </div> </div> </div> <div class="headerstrip-canvas is-hidden-tablet-and-below"> <div class="headerstrip-content"> <div class="headerstrip-text"> <strong>Unlimited creative assets, all in one place.</strong> Subscribe to Envato Elements. </div> <span class="js-banner__link headerstrip-cta" href="https://elements.envato.com/pricing?utm_campaign=elements_mkt-header_general_20Jan2025&utm_content=vh_marketing-banner&utm_medium=promos&utm_source=videohive.net">Let's go!</span> </div> </div> </div> </a> </div> <style media="screen"> .headerstrip-wrapper { height: 50px; position: relative; } .headerstrip-wrapper .headerstrip__banner-dismiss { width: 12px; height: 12px; background: none; border: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 0; position: absolute; font: inherit; height: 100%; line-height: 0; cursor: pointer; outline: inherit; opacity: 0.4; padding: 0 16px; color: white; text-decoration: none; -webkit-transition: all 100ms ease; -moz-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease; right: 0; top: 0; z-index: 2; } .headerstrip-wrapper .headerstrip__banner-dismiss:hover { -webkit-transform: scale(1.3); transform: scale(1.3); } .headerstrip-wrapper .headerstrip__banner-dismiss svg { fill: #FFFFFF; } .headerstrip { display: block; height: 50px; font-family: PolySans-Neutral, arial; font-size: 14px; position: relative; text-decoration: none !important; z-index: 1; } .headerstrip .headerstrip-content-background { background-color: #fff; opacity: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: #FFF5ED; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #FFF5ED, #FFF5ED); /* For Safari 5.1 to 6.0 */ background: linear-gradient(to right, #FFF5ED, #FFF5ED); /* Standard syntax */ background-repeat: repeat-x; } .headerstrip .headerstrip-canvas { height: 50px; margin: auto auto; } .headerstrip .headerstrip-content-wrapper { margin: 0 auto; position: relative; z-index: 2; } .headerstrip .headerstrip-content { display: flex; align-items: center; justify-content: center; background-size: contain; background-repeat: no-repeat; background-size: 1000px 50px; width: 100%; height: 50px; max-width: 1408px; padding-left: 16px; padding-right: 16px; margin: 0 auto; } .headerstrip .headerstrip-text { color: #191919; text-decoration: none; padding-right: 24px; font-weight: 300; letter-spacing: 0.8px; position: relative; } .headerstrip .headerstrip-text strong { font-family: PolySans-Median, arial; } .headerstrip .headerstrip-cta-container { display: flex; } .headerstrip .headerstrip-cta { font-family: PolySans-Median, arial; position: relative; background-color: #9CEE69; padding: 6px 30px 5px 30px; color: #191919; border-radius: 4px; text-decoration: none; display: block; text-align: center; min-width: 100px; } .headerstrip .headerstrip-cta-mobile { color: #191919; text-decoration: underline; padding-left: 5px; } .headerstrip .headerstrip-cta-mobile:hover { color: #191919; } .headerstrip .is-hidden-desktop .headerstrip-content { text-align: center; } .headerstrip .is-hidden-desktop .headerstrip-text { position: relative; padding-right: 24px; } .headerstrip .is-hidden-desktop .headerstrip__banner-dismiss { margin-left: 0; } .headerstrip .headerstrip__dismiss-icon { width: 12px; height: 12px; fill: #191919; display: inline-block; } @media (max-width: 1024px) { .headerstrip .is-hidden-tablet-and-below { display: none !important; } } @media (min-width: 1025px) { .headerstrip .is-hidden-desktop { display: none !important } .headerstrip .headerstrip-content-wrapper { max-width: 1408px } } </style> </div> <header class="site-header"> <div class="site-header__mini is-hidden-desktop"> <div class="header-mini"> <div class="header-mini__button--cart"> <a class="btn btn--square" href="/cart"> <svg width="14px" height="14px" viewBox="0 0 14 14" class="header-mini__button-cart-icon" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img"> <title>Cart</title> <path d="M 0.009 1.349 C 0.009 1.753 0.347 2.086 0.765 2.086 C 0.765 2.086 0.766 2.086 0.767 2.086 L 0.767 2.09 L 2.289 2.09 L 5.029 7.698 L 4.001 9.507 C 3.88 9.714 3.812 9.958 3.812 10.217 C 3.812 11.028 4.496 11.694 5.335 11.694 L 14.469 11.694 L 14.469 11.694 C 14.886 11.693 15.227 11.36 15.227 10.957 C 15.227 10.552 14.886 10.221 14.469 10.219 L 14.469 10.217 L 5.653 10.217 C 5.547 10.217 5.463 10.135 5.463 10.031 L 5.487 9.943 L 6.171 8.738 L 11.842 8.738 C 12.415 8.738 12.917 8.436 13.175 7.978 L 15.901 3.183 C 15.96 3.08 15.991 2.954 15.991 2.828 C 15.991 2.422 15.65 2.09 15.23 2.09 L 3.972 2.09 L 3.481 1.077 L 3.466 1.043 C 3.343 0.79 3.084 0.612 2.778 0.612 C 2.777 0.612 0.765 0.612 0.765 0.612 C 0.347 0.612 0.009 0.943 0.009 1.349 Z M 3.819 13.911 C 3.819 14.724 4.496 15.389 5.335 15.389 C 6.171 15.389 6.857 14.724 6.857 13.911 C 6.857 13.097 6.171 12.434 5.335 12.434 C 4.496 12.434 3.819 13.097 3.819 13.911 Z M 11.431 13.911 C 11.431 14.724 12.11 15.389 12.946 15.389 C 13.784 15.389 14.469 14.724 14.469 13.911 C 14.469 13.097 13.784 12.434 12.946 12.434 C 12.11 12.434 11.431 13.097 11.431 13.911 Z"></path> </svg> <span class="is-hidden">Cart</span> <span class="header-mini__button-cart-cart-amount is-hidden"> 0 </span> </a> </div> <div class="header-mini__button--account"> <a class="btn btn--square" data-view="offCanvasNavToggle" data-off-canvas="right" href="#account"> <i class="e-icon -icon-person"></i> <span class="is-hidden">Account</span> </a> </div> <div class="header-mini__button--categories"> <a class="btn btn--square" data-view="offCanvasNavToggle" data-off-canvas="left" href="#categories"> <i class="e-icon -icon-hamburger"></i> <span class="is-hidden">Sites, Search & Categories</span> </a> </div> <div class="header-mini__logo"> <a href="https://videohive.net/?auto_signin=true"> <img alt="VideoHive" class="header-mini__logo--videohive" src="https://public-assets.envato-static.com/assets/common/transparent-1px-1f61547480c17dc67dd9a6c38545a5911cc4a8024f6f3c0992e7c1c81fb37578.png" /> </a></div> </div> </div> <div class="global-header is-hidden-tablet-and-below"> <div class='grid-container -layout-wide'> <div class='global-header__wrapper'> <a href="https://videohive.net"> <img height="20" alt="Envato Market" class="global-header__logo" src="https://public-assets.envato-static.com/assets/logos/envato_market-dd390ae860330996644c1c109912d2bf63885fc075b87215ace9b5b4bdc71cc8.svg" /> </a> <nav class='global-header-menu' role='navigation'> <ul class='global-header-menu__list'> <li class='global-header-menu__list-item'> <a class="global-header-menu__link" href="https://forums.envato.com"> <span class='global-header-menu__link-text'> Forums </span> </a> </li> <li class='global-header-menu__list-item'> <a class="global-header-menu__link" href="https://author.envato.com"> <span class='global-header-menu__link-text'> Start Selling </span> </a> </li> <li data-view="globalHeaderMenuDropdownHandler" class='global-header-menu__list-item--with-dropdown'> <a data-lazy-load-trigger="mouseover" class="global-header-menu__link" href="#"> <svg width="16px" height="16px" viewBox="0 0 16 16" class="global-header-menu__icon" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img"> <title>Menu</title> <path d="M3.5 2A1.5 1.5 0 0 1 5 3.5 1.5 1.5 0 0 1 3.5 5 1.5 1.5 0 0 1 2 3.5 1.5 1.5 0 0 1 3.5 2zM8 2a1.5 1.5 0 0 1 1.5 1.5A1.5 1.5 0 0 1 8 5a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 8 2zM12.5 2A1.5 1.5 0 0 1 14 3.5 1.5 1.5 0 0 1 12.5 5 1.5 1.5 0 0 1 11 3.5 1.5 1.5 0 0 1 12.5 2zM3.5 6.5A1.5 1.5 0 0 1 5 8a1.5 1.5 0 0 1-1.5 1.5A1.5 1.5 0 0 1 2 8a1.5 1.5 0 0 1 1.5-1.5zM8 6.5A1.5 1.5 0 0 1 9.5 8 1.5 1.5 0 0 1 8 9.5 1.5 1.5 0 0 1 6.5 8 1.5 1.5 0 0 1 8 6.5zM12.5 6.5A1.5 1.5 0 0 1 14 8a1.5 1.5 0 0 1-1.5 1.5A1.5 1.5 0 0 1 11 8a1.5 1.5 0 0 1 1.5-1.5zM3.5 11A1.5 1.5 0 0 1 5 12.5 1.5 1.5 0 0 1 3.5 14 1.5 1.5 0 0 1 2 12.5 1.5 1.5 0 0 1 3.5 11zM8 11a1.5 1.5 0 0 1 1.5 1.5A1.5 1.5 0 0 1 8 14a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 8 11zM12.5 11a1.5 1.5 0 0 1 1.5 1.5 1.5 1.5 0 0 1-1.5 1.5 1.5 1.5 0 0 1-1.5-1.5 1.5 1.5 0 0 1 1.5-1.5z"></path> </svg> <span class='global-header-menu__link-text'> Our Products </span> </a> <div class='global-header-menu__dropdown-container'> <div class='global-header-dropdown'> <ul class='global-header-dropdown__list'> <li> <a class="global-header-dropdown__link" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"product picker","ecommerce":{"promotionId":"elements_mkt-headernav_our_products_26AUG2024","promotionName":"elements_mkt-headernav_our_products_26AUG2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"product picker","ecommerce":{"promotionId":"elements_mkt-headernav_our_products_26AUG2024","promotionName":"elements_mkt-headernav_our_products_26AUG2024","promotionType":"elements referral"}}" title="The unlimited creative subscription" target="_blank" href="https://elements.envato.com?utm_source=envatomarket&utm_medium=promos&utm_campaign=elements_mkt-headernav_our_products_26AUG2024&utm_content=headernav"> <span data-src="https://public-assets.envato-static.com/assets/header/EnvatoElements-logo-4f70ffb865370a5fb978e9a1fc5bbedeeecdfceb8d0ebec2186aef4bee5db79d.svg" data-alt="Envato Elements" data-class="global-header-dropdown__product-logo" class="lazy-load-img global-header-dropdown__product-logo"></span> <span class="global-header-dropdown__link-text -decoration-none">The unlimited creative subscription</span> </a> </li> <li> <a class="global-header-dropdown__link" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"product picker","ecommerce":{"promotionId":"tutsplus_mkt-headernav_our_products_26AUG2024","promotionName":"tutsplus_mkt-headernav_our_products_26AUG2024","promotionType":""}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"product picker","ecommerce":{"promotionId":"tutsplus_mkt-headernav_our_products_26AUG2024","promotionName":"tutsplus_mkt-headernav_our_products_26AUG2024","promotionType":""}}" title="Free creative tutorials and courses" target="_blank" href="https://tutsplus.com?utm_source=envatomarket&utm_medium=promos&utm_campaign=tutsplus_mkt-headernav_our_products_26AUG2024&&utm_content=headernav"> <span data-src="https://public-assets.envato-static.com/assets/header/EnvatoTuts-logo-5bb3e97bcf5ed243facca8a3dfada1cb1c916ab65d5ab88a541fbe9aface742b.svg" data-alt="Tuts+" data-class="global-header-dropdown__product-logo" class="lazy-load-img global-header-dropdown__product-logo"></span> <span class="global-header-dropdown__link-text -decoration-none">Free creative tutorials and courses</span> </a> </li> <li> <a class="global-header-dropdown__link" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"product picker","ecommerce":{"promotionId":"placeit_mkt-headernav_our_products_26AUG2024","promotionName":"placeit_mkt-headernav_our_products_26AUG2024","promotionType":""}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"product picker","ecommerce":{"promotionId":"placeit_mkt-headernav_our_products_26AUG2024","promotionName":"placeit_mkt-headernav_our_products_26AUG2024","promotionType":""}}" title="Customize mockups, design and video" target="_blank" href="https://placeit.net?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-headernav_our_products_26AUG2024&utm_content=headernav"> <span data-src="https://public-assets.envato-static.com/assets/header/Placeit-logo-db4c3dfdec1cbc06ecfc092e600ff2712795f60ce4c50b32c93d450006d7ea8d.svg" data-alt="Placeit by Envato" data-class="global-header-dropdown__product-logo" class="lazy-load-img global-header-dropdown__product-logo"></span> <span class="global-header-dropdown__link-text -decoration-none">Customize mockups, design and video</span> </a> </li> </ul> <div class='global-header-dropdown-footer'> <ul> <li class='global-header-dropdown-footer__list-item'> Join the <a class="global-header-dropdown-footer__link" target="_blank" href="http://community.envato.com"> Envato community </a> </li> <li class='global-header-dropdown-footer__list-item'> Learn from others in <a class="global-header-dropdown-footer__link" target="_blank" href="https://forums.envato.com"> the forums </a> </li> </ul> </div> </div> </div> </li> <li class='global-header-menu__list-item -background-light -border-radius'> <a id="spec-link-cart" class="global-header-menu__link h-pr1" href="/cart"> <svg width="16px" height="16px" viewBox="0 0 16 16" class="global-header-menu__icon global-header-menu__icon-cart" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img"> <title>Cart</title> <path d="M 0.009 1.349 C 0.009 1.753 0.347 2.086 0.765 2.086 C 0.765 2.086 0.766 2.086 0.767 2.086 L 0.767 2.09 L 2.289 2.09 L 5.029 7.698 L 4.001 9.507 C 3.88 9.714 3.812 9.958 3.812 10.217 C 3.812 11.028 4.496 11.694 5.335 11.694 L 14.469 11.694 L 14.469 11.694 C 14.886 11.693 15.227 11.36 15.227 10.957 C 15.227 10.552 14.886 10.221 14.469 10.219 L 14.469 10.217 L 5.653 10.217 C 5.547 10.217 5.463 10.135 5.463 10.031 L 5.487 9.943 L 6.171 8.738 L 11.842 8.738 C 12.415 8.738 12.917 8.436 13.175 7.978 L 15.901 3.183 C 15.96 3.08 15.991 2.954 15.991 2.828 C 15.991 2.422 15.65 2.09 15.23 2.09 L 3.972 2.09 L 3.481 1.077 L 3.466 1.043 C 3.343 0.79 3.084 0.612 2.778 0.612 C 2.777 0.612 0.765 0.612 0.765 0.612 C 0.347 0.612 0.009 0.943 0.009 1.349 Z M 3.819 13.911 C 3.819 14.724 4.496 15.389 5.335 15.389 C 6.171 15.389 6.857 14.724 6.857 13.911 C 6.857 13.097 6.171 12.434 5.335 12.434 C 4.496 12.434 3.819 13.097 3.819 13.911 Z M 11.431 13.911 C 11.431 14.724 12.11 15.389 12.946 15.389 C 13.784 15.389 14.469 14.724 14.469 13.911 C 14.469 13.097 13.784 12.434 12.946 12.434 C 12.11 12.434 11.431 13.097 11.431 13.911 Z"></path> </svg> <span class="global-header-menu__link-cart-amount is-hidden" data-view="headerCartCount" data-test-id="header_cart_count">0</span> </a></li> <li class='global-header-menu__list-item -background-light -border-radius'> <a class="global-header-menu__link h-pl1" data-view="modalAjax" href="/sign_in"> <span id="spec-user-username" class='global-header-menu__link-text'> Sign In </span> </a> </li> </ul> </nav> </div> </div> </div> <div class="site-header__sites is-hidden-tablet-and-below"> <div class="header-sites header-site-titles"> <div class="grid-container -layout-wide"> <nav class="header-site-titles__container"> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="Web Templates" href="https://themeforest.net/?auto_signin=true">Web Themes & Templates</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="Code" href="https://codecanyon.net/?auto_signin=true">Code</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link is-active" alt="Video" href="https://videohive.net/?auto_signin=true">Video</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="Music" href="https://audiojungle.net/?auto_signin=true">Audio</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="Graphics" href="https://graphicriver.net/?auto_signin=true">Graphics</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="Photos" href="https://photodune.net/?auto_signin=true">Photos</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="3D Files" href="https://3docean.net/?auto_signin=true">3D Files</a> </div> <div class="header-site-titles__site elements-nav__container"> <a class="header-site-titles__link t-link elements-nav__main-link" href="https://elements.envato.com/lp/pm/campaign/cybermonday/?utm_campaign=elements_mkt-switcher_31JUL2024&utm_content=vh_item_49436805&utm_medium=referral&utm_source=videohive.net" target="_blank" > <span> Unlimited Downloads </span> </a> <a target="_blank" class="elements-nav__dropdown-container unique-selling-points__variant" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"site switcher","ecommerce":{"promotionId":"elements_mkt-switcher_31JUL2024","promotionName":"elements_mkt-switcher_31JUL2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"site switcher","ecommerce":{"promotionId":"elements_mkt-switcher_31JUL2024","promotionName":"elements_mkt-switcher_31JUL2024","promotionType":"elements referral"}}" href="https://elements.envato.com/lp/pm/campaign/cybermonday/?utm_campaign=elements_mkt-switcher_31JUL2024&utm_content=vh_item_49436805&utm_medium=referral&utm_source=videohive.net"> <div class="elements-nav__main-panel"> <img class="elements-nav__logo-container" loading="lazy" src="https://public-assets.envato-static.com/assets/header/EnvatoElements-logo-4f70ffb865370a5fb978e9a1fc5bbedeeecdfceb8d0ebec2186aef4bee5db79d.svg" alt="Elements logo" height="23" width="101" > <div class="elements-nav__punch-line"> <h2> Looking for unlimited downloads? </h2> <p> Subscribe to Envato Elements. <ul> <li> <img src="https://public-assets.envato-static.com/assets/header/badge-a65149663b95bcee411e80ccf4da9788f174155587980d8f1d9c44fd8b59edd8.svg" alt="badge" width="20" height="20" > Millions of premium assets </li> <li> <img src="https://public-assets.envato-static.com/assets/header/thumbs_up-e5ce4c821cfd6a6aeba61127a8e8c4d2d7c566e654f588a22708c64d66680869.svg" alt="thumbs up" width="20" height="20" > Great value subscription </li> </ul> <button class="brand-neue-button brand-neue-button__open-in-new elements-nav__cta">Let's create</button> </p> </div> </div> <div class="elements-nav__secondary-panel"> <img class="elements-nav__secondary-panel__collage" loading="lazy" src="https://public-assets.envato-static.com/assets/header/items-collage-1x-a39e4a5834e75c32a634cc7311720baa491687b1aaa4b709ebd1acf0f8427b53.png" srcset="https://public-assets.envato-static.com/assets/header/items-collage-2x-75e1ad16a46b9788861780a57feeb5fd1ad1026ecce9330302f0ef8f6f542697.png 2x" alt="Collage of Elements items" width="267" height="233" > </div> </a></div> <div class="header-site-floating-logo__container"> <div class=header-site-floating-logo__videohive ></div> </div> </nav> </div> </div> </div> <div class="site-header__categories is-hidden-tablet-and-below"> <div class="header-categories"> <div class="grid-container -layout-wide"> <ul class="header-categories__links"> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-0-dropdown" href="/category/all"> All Items </a> <div class="header-categories__links-dropdown js-categories-0-dropdown"> <ul class="header-dropdown"> <li> <a class="" href="/top-sellers">Popular Files</a> </li> <li> <a class="" href="/feature">Featured Files</a> </li> <li> <a class="" href="/category/all?date=this-month&sort=sales">Top New Files</a> </li> <li> <a class="" href="/follow_feed">Follow Feed</a> </li> <li> <a class="" href="/authors/top">Top Authors</a> </li> <li> <a class="" href="/page/top_new_sellers">Top New Authors</a> </li> <li> <a class="" href="/collections">Public Collections</a> </li> <li> <a class="" href="/category">View All Categories</a> </li> <li> <a class=" header-dropdown__bottom elements-nav__category-link external-link--grey-40" target="_blank" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited Video Templates","promotionName":"Unlimited Video Templates","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited Video Templates","promotionName":"Unlimited Video Templates","promotionType":"elements referral"}}" href="https://elements.envato.com/video-templates/?utm_campaign=elements_mkt-nav_child&utm_content=vh_all-items&utm_medium=referral&utm_source=videohive.net">Unlimited Video Templates</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-1-dropdown" href="/category/after-effects-project-files"> After Effects </a> <div class="header-categories__links-dropdown js-categories-1-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/popular_item/by_category?category=after-effects-project-files">Popular Items</a> </li> <li> <a class="" href="/category/after-effects-project-files/broadcast-packages">Broadcast Packages</a> </li> <li> <a class="" href="/attributes/video-project-requires/Element 3D?sort=date">Element 3D</a> </li> <li> <a class="" href="/category/after-effects-project-files/elements">Elements</a> </li> <li> <a class="" href="/category/after-effects-project-files/infographics">Infographics</a> </li> <li> <a class="" href="/category/after-effects-project-files/logo-stings">Logo Stings</a> </li> <li> <a class="" href="/category/after-effects-project-files/openers">Openers</a> </li> <li> <a class="" href="/category/after-effects-project-files/product-promo">Product Promo</a> </li> <li> <a class="" href="/category/after-effects-project-files/titles">Titles</a> </li> <li> <a class="" href="/category/after-effects-project-files/video-displays">Video Displays</a> </li> <li> <a class=" header-dropdown__bottom elements-nav__category-link external-link--grey-40" target="_blank" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited After Effects","promotionName":"Unlimited After Effects","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited After Effects","promotionName":"Unlimited After Effects","promotionType":"elements referral"}}" href="https://elements.envato.com/video-templates/compatible-with-after-effects/?utm_campaign=elements_mkt-nav_child&utm_content=vh_after-effects&utm_medium=referral&utm_source=videohive.net">Unlimited After Effects</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-2-dropdown" href="/category/premiere-pro-templates"> Premiere Pro </a> <div class="header-categories__links-dropdown js-categories-2-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/popular_item/by_category?category=premiere-pro-templates">Popular Items</a> </li> <li> <a class="" href="/category/premiere-pro-templates/broadcast-packages">Broadcast Packages</a> </li> <li> <a class="" href="/category/premiere-pro-templates/elements">Elements</a> </li> <li> <a class="" href="/category/premiere-pro-templates/infographics">Infographics</a> </li> <li> <a class="" href="/category/premiere-pro-templates/logo-stings">Logo Stings</a> </li> <li> <a class="" href="/category/premiere-pro-templates/openers">Openers</a> </li> <li> <a class="" href="/category/premiere-pro-templates/product-promo">Product Promo</a> </li> <li> <a class="" href="/category/premiere-pro-templates/titles">Titles</a> </li> <li> <a class="" href="/category/premiere-pro-templates/video-displays">Video Displays</a> </li> <li> <a class=" header-dropdown__bottom elements-nav__category-link external-link--grey-40" target="_blank" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited Premiere Pro","promotionName":"Unlimited Premiere Pro","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited Premiere Pro","promotionName":"Unlimited Premiere Pro","promotionType":"elements referral"}}" href="https://elements.envato.com/video-templates/compatible-with-premiere-pro/?utm_campaign=elements_mkt-nav_child&utm_content=vh_premiere-pro&utm_medium=referral&utm_source=videohive.net">Unlimited Premiere Pro</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-3-dropdown" href="/category/apple-motion-templates"> Apple Motion </a> <div class="header-categories__links-dropdown js-categories-3-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/popular_item/by_category?category=apple-motion-templates">Popular Items</a> </li> <li> <a class="" href="/category/apple-motion-templates/elements">Elements</a> </li> <li> <a class="" href="/category/apple-motion-templates/logo-stings">Logo Stings</a> </li> <li> <a class="" href="/category/apple-motion-templates/openers">Openers</a> </li> <li> <a class="" href="/category/apple-motion-templates/titles">Titles</a> </li> <li> <a class="" href="/category/apple-motion-templates/video-displays">Video Displays</a> </li> <li> <a class=" header-dropdown__bottom elements-nav__category-link external-link--grey-40" target="_blank" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited Apple Motion","promotionName":"Unlimited Apple Motion","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited Apple Motion","promotionName":"Unlimited Apple Motion","promotionType":"elements referral"}}" href="https://elements.envato.com/video-templates/compatible-with-apple-motion/?utm_campaign=elements_mkt-nav_child&utm_content=vh_apple-motion&utm_medium=referral&utm_source=videohive.net">Unlimited Apple Motion</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-4-dropdown" href="/category/davinci-resolve-templates"> DaVinci Resolve </a> <div class="header-categories__links-dropdown js-categories-4-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/popular_item/by_category?category=davinci-resolve-templates">Popular Items</a> </li> <li> <a class="" href="/category/davinci-resolve-templates/broadcast-packages">Broadcast Packages</a> </li> <li> <a class="" href="/category/davinci-resolve-templates/elements">Elements</a> </li> <li> <a class="" href="/category/davinci-resolve-templates/infographics">Infographics</a> </li> <li> <a class="" href="/category/davinci-resolve-templates/logo-stings">Logo Stings</a> </li> <li> <a class="" href="/category/davinci-resolve-templates/openers">Openers</a> </li> <li> <a class="" href="/category/davinci-resolve-templates/product-promo">Product Promo</a> </li> <li> <a class="" href="/category/davinci-resolve-templates/titles">Titles</a> </li> <li> <a class="" href="/category/davinci-resolve-templates/video-displays">Video Displays</a> </li> <li> <a class=" header-dropdown__bottom elements-nav__category-link external-link--grey-40" target="_blank" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited DaVinci Resolve","promotionName":"Unlimited DaVinci Resolve","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited DaVinci Resolve","promotionName":"Unlimited DaVinci Resolve","promotionType":"elements referral"}}" href="https://elements.envato.com/video-templates/compatible-with-davinci-resolve/?utm_campaign=elements_mkt-nav_child&utm_content=vh_davinci-resolve&utm_medium=referral&utm_source=videohive.net">Unlimited DaVinci Resolve</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-5-dropdown" href="/category/motion-graphics"> Motion Graphics </a> <div class="header-categories__links-dropdown js-categories-5-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/popular_item/by_category?category=motion-graphics">Popular Items</a> </li> <li> <a class="" href="/category/motion-graphics/backgrounds">Backgrounds</a> </li> <li> <a class="" href="/category/motion-graphics/bugs">Bugs</a> </li> <li> <a class="" href="/category/motion-graphics/elements">Elements</a> </li> <li> <a class="" href="/category/motion-graphics/infographics">Infographics</a> </li> <li> <a class="" href="/category/motion-graphics/interface-effects">Interface Effects</a> </li> <li> <a class="" href="/category/motion-graphics/lower-thirds">Lower Thirds</a> </li> <li> <a class="" href="/category/motion-graphics/overlays">Overlays</a> </li> <li> <a class="" href="/category/motion-graphics/revealer">Revealer</a> </li> <li> <a class="" href="/category/motion-graphics/transitions">Transitions</a> </li> <li> <a class="" href="/category/motion-graphics/miscellaneous">Miscellaneous</a> </li> <li> <a class=" header-dropdown__bottom elements-nav__category-link external-link--grey-40" target="_blank" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited Motion Graphics","promotionName":"Unlimited Motion Graphics","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited Motion Graphics","promotionName":"Unlimited Motion Graphics","promotionType":"elements referral"}}" href="https://elements.envato.com/stock-video/motion-graphics/?utm_campaign=elements_mkt-nav_child&utm_content=vh_motion-graphics&utm_medium=referral&utm_source=videohive.net">Unlimited Motion Graphics</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-6-dropdown" href="/category/stock-footage"> Stock Footage </a> <div class="header-categories__links-dropdown js-categories-6-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/popular_item/by_category?category=stock-footage">Popular Items</a> </li> <li> <a class="" href="/category/stock-footage/buildings">Buildings</a> </li> <li> <a class="" href="/category/stock-footage/business-corporate">Business, Corporate</a> </li> <li> <a class="" href="/category/stock-footage/cartoons">Cartoons</a> </li> <li> <a class="" href="/category/stock-footage/city">City</a> </li> <li> <a class="" href="/category/stock-footage/construction">Construction</a> </li> <li> <a class="" href="/category/stock-footage/education">Education</a> </li> <li> <a class="" href="/category/stock-footage/food">Food</a> </li> <li> <a class="" href="/category/stock-footage/holidays">Holidays</a> </li> <li> <a class="" href="/category/stock-footage/industrial">Industrial</a> </li> <li> <a class="" href="/category/stock-footage/kids">Kids</a> </li> <li> <a class="" href="/category/stock-footage/lifestyle">Lifestyle</a> </li> <li> <a class="" href="/category/stock-footage/medical">Medical</a> </li> <li> <a class="" href="/category/stock-footage/military">Military</a> </li> <li> <a class="" href="/category/stock-footage/nature">Nature</a> </li> <li> <a class="" href="/category/stock-footage/overhead">Overhead</a> </li> <li> <a class="" href="/category/stock-footage/people">People</a> </li> <li> <a class="" href="/category/stock-footage/religious">Religious</a> </li> <li> <a class="" href="/category/stock-footage/science">Science</a> </li> <li> <a class="" href="/category/stock-footage/slow-motion">Slow Motion</a> </li> <li> <a class="" href="/category/stock-footage/special-events">Special Events</a> </li> <li> <a class="" href="/category/stock-footage/sports">Sports</a> </li> <li> <a class="" href="/category/stock-footage/stop-motion">Stop Motion</a> </li> <li> <a class="" href="/category/stock-footage/technology">Technology</a> </li> <li> <a class="" href="/category/stock-footage/time-lapse">Time Lapse</a> </li> <li> <a class="" href="/category/stock-footage/vehicles">Vehicles</a> </li> <li> <a class="" href="/category/stock-footage/weather">Weather</a> </li> <li> <a class=" header-dropdown__bottom elements-nav__category-link external-link--grey-40" target="_blank" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited Stock Footage","promotionName":"Unlimited Stock Footage","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited Stock Footage","promotionName":"Unlimited Stock Footage","promotionType":"elements referral"}}" href="https://elements.envato.com/stock-video/?utm_campaign=elements_mkt-nav_child&utm_content=vh_stock-footage&utm_medium=referral&utm_source=videohive.net">Unlimited Stock Footage</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-7-dropdown" href="/category/add-ons"> Add Ons </a> <div class="header-categories__links-dropdown js-categories-7-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/popular_item/by_category?category=add-ons">Popular Items</a> </li> <li> <a class="" href="/category/add-ons/after-effects-presets">After Effects Presets</a> </li> <li> <a class="" href="/category/add-ons/after-effects-scripts">After Effects Scripts</a> </li> <li> <a class="" href="/category/add-ons/premiere-pro-presets">Premiere Pro Presets</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a rel="noopener noreferrer" target="_blank" class="header-categories__main-link header-categories__main-link--offsite_icon" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-8-dropdown" href="https://placeit.net/video-maker?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-menu-video&utm_content=video_maker"> Video Maker </a> <div class="header-categories__links-dropdown js-categories-8-dropdown"> <ul class="header-dropdown"> <li> <a class="" href="https://placeit.net/video-maker?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-menu-video&utm_content=video_maker">Video Maker</a> </li> <li> <a class="" href="https://placeit.net/intro-maker?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-menu-video&utm_content=intro_maker">Intro Maker</a> </li> <li> <a class="" href="https://placeit.net/slideshow-maker?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-menu-video&utm_content=slideshow_maker">Slideshow Maker</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-9-dropdown" href="/category"> More </a> <div class="header-categories__links-dropdown js-categories-9-dropdown"> <ul class="header-dropdown"> <li> <a class="" href="/category/cinema-4d-templates/elements">Cinema 4D Elements</a> </li> <li> <a class="" href="/category/cinema-4d-templates/logo-stings">Cinema 4D Logo Stings</a> </li> <li> <a class="" href="/category/cinema-4d-templates/openers">Cinema 4D Openers</a> </li> <li> <a class="" href="/category/cinema-4d-templates/titles">Cinema 4D Titles</a> </li> <li> <a class="" href="/category/cinema-4d-templates/video-displays">Cinema 4D Video Displays</a> </li> <li> <a class="" href="/search/logo">Logo Files</a> </li> <li> <a class="" href="/search/news">News Files</a> </li> <li> <a class="" href="/search/wedding">Wedding Files</a> </li> </ul> </div> </li> </ul> <div class="header-categories__search"> <form id="search" data-view="searchField" action="/category/all" accept-charset="UTF-8" method="get"> <div class="search-field -border-light h-ml2"> <div class="search-field__input"> <input id="term" name="term" class="js-term search-field__input-field" type="search" placeholder="Search" /> </div> <button class="search-field__button" type="submit"> <i class="e-icon -icon-search"><span class="e-icon__alt">Search</span></i> </button> </div> </form></div> </div> </div> </div> </header> </div> <div class="js-canvas__body canvas__body"> <div class="grid-container"> </div> <div class="context-header "> <div class="grid-container "> <nav class="breadcrumbs h-text-truncate "> <a class="js-breadcrumb-category" href="/">Home</a> <a href='/category/all' class="js-breadcrumb-category">Files</a> <a class="js-breadcrumb-category" href="https://videohive.net/category/apple-motion-templates">Apple Motion Templates</a><a class="js-breadcrumb-category" href="https://videohive.net/category/apple-motion-templates/elements">Elements</a><a class="js-breadcrumb-category" href="https://videohive.net/category/apple-motion-templates/elements/transition">Transition</a> <a class="js-breadcrumb-category" href="https://videohive.net/category/apple-motion-templates/elements/transition/abstract">Abstract</a> </nav> <div class="item-header" data-view="itemHeader"> <div class="item-header__top"> <div class="item-header__title"> <h1 class="t-heading -color-inherit -size-l h-m0 is-hidden-phone"> Modern Transitions | Final Cut Pro </h1> <h1 class="t-heading -color-inherit -size-xs h-m0 is-hidden-tablet-and-above"> Modern Transitions | Final Cut Pro </h1> </div> <div class="item-header__price is-hidden-desktop"> <a class="js-item-header__cart-button e-btn--3d -color-primary -size-m" rel="nofollow" title="Add to Cart" data-view="modalAjax" href="/cart/configure_before_adding/49436805"> <span class="item-header__cart-button-icon"> <i class="e-icon -icon-cart -margin-right"></i> </span> <span class="t-heading -size-m -color-light -margin-none"> <b class="t-currency"><span class="js-item-header__price">$16</span></b> </span> </a> </div> </div> <div class="item-header__details-section"> <div class="item-header__author-details"> By <a rel="author" class="js-by-author" href="/user/imocean">Imocean</a> </div> <div class="item-header__comments"> <a class="t-link -decoration-none js-header-item-comments" rel="nofollow" href="/item/modern-transitions-final-cut-pro/49436805/comments"> <span class="sidebar-stats__icon"><i class="e-icon -icon-speech-bubble"></i></span> <strong>0</strong> Comments </a> </div> <div class="item-header__sales-count"> <svg width="16px" height="16px" viewBox="0 0 16 16" class="item-header__sales-count-icon" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img"> <title>Cart</title> <path d="M 0.009 1.349 C 0.009 1.753 0.347 2.086 0.765 2.086 C 0.765 2.086 0.766 2.086 0.767 2.086 L 0.767 2.09 L 2.289 2.09 L 5.029 7.698 L 4.001 9.507 C 3.88 9.714 3.812 9.958 3.812 10.217 C 3.812 11.028 4.496 11.694 5.335 11.694 L 14.469 11.694 L 14.469 11.694 C 14.886 11.693 15.227 11.36 15.227 10.957 C 15.227 10.552 14.886 10.221 14.469 10.219 L 14.469 10.217 L 5.653 10.217 C 5.547 10.217 5.463 10.135 5.463 10.031 L 5.487 9.943 L 6.171 8.738 L 11.842 8.738 C 12.415 8.738 12.917 8.436 13.175 7.978 L 15.901 3.183 C 15.96 3.08 15.991 2.954 15.991 2.828 C 15.991 2.422 15.65 2.09 15.23 2.09 L 3.972 2.09 L 3.481 1.077 L 3.466 1.043 C 3.343 0.79 3.084 0.612 2.778 0.612 C 2.777 0.612 0.765 0.612 0.765 0.612 C 0.347 0.612 0.009 0.943 0.009 1.349 Z M 3.819 13.911 C 3.819 14.724 4.496 15.389 5.335 15.389 C 6.171 15.389 6.857 14.724 6.857 13.911 C 6.857 13.097 6.171 12.434 5.335 12.434 C 4.496 12.434 3.819 13.097 3.819 13.911 Z M 11.431 13.911 C 11.431 14.724 12.11 15.389 12.946 15.389 C 13.784 15.389 14.469 14.724 14.469 13.911 C 14.469 13.097 13.784 12.434 12.946 12.434 C 12.11 12.434 11.431 13.097 11.431 13.911 Z"></path> </svg> <strong>3</strong> sales </div> </div> </div> <!-- Desktop Item Navigation --> <div class="is-hidden-tablet-and-below page-tabs"> <ul> <li class="selected"><a class="js-item-navigation-item-details t-link -decoration-none" href="/item/modern-transitions-final-cut-pro/49436805">Item Details</a></li> <li><a rel="nofollow" class="js-item-navigation-comments t-link -decoration-none" href="/item/modern-transitions-final-cut-pro/49436805/comments">Comments</a></li> </ul> <ul class="right" data-view="bookmarkStatesLoader"> <li class="js-favorite-widget item-bookmarking__control_icons--favorite" data-item-id="49436805"><a data-view="modalAjax" class="t-link -decoration-none" href="/sign_in?action_name=favorite&resource_id=49436805"><span class="item-bookmarking__control--label">Add to Favorites</span></a></li> <li class="js-collection-widget item-bookmarking__control_icons--collection" data-item-id="49436805"><a data-view="modalAjax" class="t-link -decoration-none" href="/sign_in?action_name=collect&resource_id=49436805"><span class="item-bookmarking__control--label">Add to Collection</span></a></li> </ul> </div> <!-- Tablet or below Item Navigation --> <div class="page-tabs--dropdown" data-view="replaceItemNavsWithRemote" data-target=".js-remote"> <div class="page-tabs--dropdown__slt-custom-wlabel"> <div class="slt-custom-wlabel--page-tabs--dropdown"> <label> <span class="js-label"> Item Details </span> <span class="slt-custom-wlabel__arrow"> <i class="e-icon -icon-arrow-fill-down"></i> </span> </label> <select class="js-remote"> <option selected="selected" data-url="/item/modern-transitions-final-cut-pro/49436805">Item Details</option> <option data-url="/item/modern-transitions-final-cut-pro/49436805/comments">Comments</option> </select> </div> </div> </div> <div class="page-tabs"> <ul class="right is-hidden-desktop" data-view="bookmarkStatesLoader"> <li class="js-favorite-widget item-bookmarking__control_icons--favorite" data-item-id="49436805"><a data-view="modalAjax" class="t-link -decoration-none t-link -decoration-none" href="/sign_in?action_name=favorite&resource_id=49436805"><span class="item-bookmarking__control--label">Add to Favorites</span></a></li> <li class="js-collection-widget item-bookmarking__control_icons--collection" data-item-id="49436805"><a data-view="modalAjax" class="t-link -decoration-none t-link -decoration-none" href="/sign_in?action_name=collect&resource_id=49436805"><span class="item-bookmarking__control--label">Add to Collection</span></a></li> </ul> </div> </div> </div> <div class="content-main" id="content"> <div class="grid-container"> <script nonce="Op0V3NmurovO3Z/hWCgY6w=="> //<![CDATA[ window.GtmMeasurements.sendAnalyticsEvent({"eventName":"view_item","eventType":"user","ecommerce":{"currency":"USD","value":16.0,"items":[{"affiliation":"videohive","item_id":49436805,"item_name":"Modern Transitions | Final Cut Pro","item_brand":"Imocean","item_category":"apple-motion-templates","item_category2":"elements","item_category3":"transition","price":16.0,"quantity":1,"item_variant":"regular"}]}}); //]]> </script> <div> <link href="https://s3.envato.com/files/477999837/Thumbnail%20FCPX.jpg" /> <div class="content-s "> <div class="box--no-padding"> <div class="item-preview live-preview-btn--blue"> <div class="video-preview-wrapper"> <a class="fake-video-player js-video-player" href="https://previews.customer.envatousercontent.com/h264-video-previews/80a6aa18-8567-45a1-80e6-4968ed06a9db/11137719.mp4"> <img alt="Play preview video" width="590" height="332" src="https://market-resized.envatousercontent.com/videohive.net/files/578849414/Preview%20Image%20FCPX.jpg?auto=format&q=85&cf_fit=crop&gravity=top&h=8000&w=590&s=71472eb867f4b13c27c2403d520a99531eba44190a4909957e0046ffd5ffb123" /> <b class="fake-video-player__button"></b> </a></div> <div class="js-video-error-container"></div> <div class="js-legacy-preview-buttons"> <div class="item-preview__actions"> <div class="item-preview__preview-buttons"> <a class="btn" download="49436805_modern-transitions-final-cut-pro_by_imocean_preview.mp4" href="https://preview-downloads.customer.envatousercontent.com/h264-video-previews/80a6aa18-8567-45a1-80e6-4968ed06a9db/11137719.mp4?response-content-disposition=attachment%3Bfilename%3D49436805_modern-transitions-final-cut-pro_by_imocean_preview.mp4&Expires=1740660293&Signature=G3CCkFYHuMweaNOfwjVTxbdG5TmD97f0F2iNsfULQARl6sgmUwxd3kb9G7YYNUKweCzgdAKaxD9R5aN89tx7zP4tDJsv6epnYWib83790eux7ay-SBltyhc2lMCKxePiI6HgUk2JQrJ60heSyjewTLBIAIlfJ-uVW78ZEh95whGN9T31Eqknxk7lYgLFSwzyeOm1KNokwTqg3jCZWYsIlnzDx5dfMJXgUuz4-5OVpA6Mem~aKOH6EWVsUykRR0-ByaqH~7uhOSl9a14Kfpcgh6qlB0RK6rc70gxmstIIDQ9YoEbAnFTc8tToW28Bo17n3Qn-Xbda11xjPiKnqdW7ZuLH9IK1oe0oKC1FSwhsOswyGEFrgz6IYPkgqPhVAG~A0iVuspBu8UwV8DGCk6u3IleF7PSiK9V6nHqGcou3PjegkeQRrpDpdFEHmop6xdVlQoGs8nkU1G1nKmYEM2OoN52hEszO9aICf69N0kzY2Ac3s08FeOAlDv4BnnGATF12~xsjvA2v28NitIWgrJ8XPvaT7fNBF3RRTuzvHdeiTRfmIMSPDAlqBXcol55s2ENIyt8W00GJ76~UQd0iHH~FnoVxqDQYRp0dGdGMU55umgv4rwSP3UN4KI3~WBwRO-f3NU4qGJK7UmX8IV99z-pzsNOLRX5RiBUZXp4bRD2RJsA_&Key-Pair-Id=APKAJRP2AVKNFZOM4BLQ"> Download Preview <i class="e-icon -icon-download"></i> </a> </div> </div> </div> <div data-view="inlineVideoPreview" data-props="{"file":"https://previews.customer.envatousercontent.com/h264-video-previews/80a6aa18-8567-45a1-80e6-4968ed06a9db/11137719.mp4","poster":"https://market-resized.envatousercontent.com/videohive.net/files/578849414/Preview%20Image%20FCPX.jpg?auto=format\u0026q=85\u0026cf_fit=crop\u0026gravity=top\u0026h=8000\u0026w=590\u0026s=71472eb867f4b13c27c2403d520a99531eba44190a4909957e0046ffd5ffb123","title":"Modern Transitions | Final Cut Pro","height":540,"width":960,"embed_url":"http://videohive.net/item/modern-transitions-final-cut-pro/embed/49436805","isMainPreview":true}"></div> </div> </div> <ul class="item-bookmarking" data-view="bookmarkStatesLoader"> <li class="item-bookmarking__control--favorite"> <span> <a title="Add to Favorites" data-view="modalAjax" href="/sign_in?action_name=favorite&resource_id=49436805"><span class="item-bookmarking__control--label">Add to Favorites</span></a> </span> </li> <li class="item-bookmarking__control--collection"> <span> <a title="Add to Collection" data-view="modalAjax" href="/sign_in?action_name=collect&resource_id=49436805"> <span class="item-bookmarking__control--label">Add to Collection</span> </a> </span> </li> </ul> <div data-view="toggleItemDescription"> <div class="js-item-togglable-content"> <div class="js-item-description item-description"> <div class="user-html user-html__with-lazy-load"><p><a href="https://videohive.net/item/modern-transitions/48635230"><span data-src="https://camo.envatousercontent.com/9dc901b0eba5340ab9ac1c7e06a9b612583f149a/68747470733a2f2f692e6962622e636f2f703644526764312f4c696e6b2d41452e6a7067" data-alt="Modern Transitions | Final Cut Pro - 1" class="lazy-load-img"></span></a></p> <p><a href="https://videohive.net/item/modern-transitions-premiere-pro/48635409"><span data-src="https://camo.envatousercontent.com/4b3ea82faca0f8769cc52fa14ffe9079be1cf849/68747470733a2f2f692e6962622e636f2f5654644a39724c2f4c696e6b2d50502e6a7067" data-alt="Modern Transitions | Final Cut Pro - 2" class="lazy-load-img"></span></a></p> <p><a href="https://videohive.net/item/modern-transitions-davinci-resolve/50222025"><span data-src="https://camo.envatousercontent.com/1bb9f5ccdb1f0b32eddc506a36aa9ab5d49a20a3/68747470733a2f2f692e6962622e636f2f675656745257512f4c696e6b2d44612d56696e63692e6a7067" data-alt="Modern Transitions | Final Cut Pro - 3" class="lazy-load-img"></span></a></p> <p>Transitions with flat design and dynamic animation. Use for your any media content. <strong>Vertical and square versions</strong> for Instagram video, Reels, Stories, Youtube Shorts, TitTok content are included. Version for <strong>FCPX</strong> and <strong>Motion 5.</strong></p> <p>The project has flexible settings and drag and drop system. You can use any color, place your logo or text. Easy changing the duration of the transitions.</p> <p><strong><h3 id="item-description__-see-also-similar">♦ See also similar:</h3></strong> </p><li><strong><a href="https://videohive.net/item/flat-transitions-i-fcpx/42944701">Flat Transitions I</a></strong></li> <li><strong><a href="https://videohive.net/item/gradient-transitions-i-fcpx/43822143">Gradient Transitions I</a></strong></li> <li><strong><a href="https://videohive.net/item/transitions-for-fcpx/46583475">Transitions for FCPX</a></strong></li> <p><strong><h3 id="item-description__recommended">Recommended:</h3></strong> </p><p><a href="https://videohive.net/collections/11237055-transitions"><span data-src="https://camo.envatousercontent.com/8ea378887a8b5781aef2a08dc2addc58775964e6/68747470733a2f2f6d69722d73332d63646e2d63662e626568616e63652e6e65742f70726f6a6563745f6d6f64756c65732f6d61785f313230302f6330383063623136343139333330392e363366383731373161343062302e6a7067" data-alt="Modern Transitions | Final Cut Pro - 4" class="lazy-load-img"></span></a></p> <p><strong><h3 id="item-description__project-features">Project Features:</h3></strong> </p><ul> <li>Compatible with FCPX 10.4.6, Apple Motion 5.4.2 and higher</li> <li>Resolution: <strong>4K</strong> (3840×2860), <strong>Full HD</strong> (1920×1080)</li> <li>Resizable: <strong>Horizontal</strong> 16:9, <strong>Vertical</strong> 9:16, <strong>Square</strong> 1:1</li> <li>10 animated transitions</li> <li>Friendly Interface</li> <li>Use any color</li> <li> <strong>In & Out animation</strong> – set duration in one click</li> <li>Detailed help file is included</li> <li>Preview Panel</li> <li><a href="https://audiojungle.net/item/fashion-vlog/28385779">Soundtrack</a></li> </ul> <span data-src="https://camo.envatousercontent.com/d86ee6bf8f6f5db65f6b9cb2f654fd6fc769b593/68747470733a2f2f6d69722d73332d63646e2d63662e626568616e63652e6e65742f70726f6a6563745f6d6f64756c65732f6d61785f313230302f3331613238653134333538373738392e363238373462656633633836322e676966" data-alt="Modern Transitions | Final Cut Pro - 5" class="lazy-load-img"></span> <span data-src="https://camo.envatousercontent.com/1549708523e9d84e48e7a1b7e2f4804d1eb425b4/68747470733a2f2f6d69722d73332d63646e2d63662e626568616e63652e6e65742f70726f6a6563745f6d6f64756c65732f6d61785f313230302f3633366130613138323130383331372e363761373231326337336564332e676966" data-alt="Modern Transitions | Final Cut Pro - 6" class="lazy-load-img"></span> <p><strong><h3 id="item-description__screenshots">Screenshots:</h3></strong> <span data-src="https://camo.envatousercontent.com/e321c8372cdcebe9e69a57501ce712ac9c5b8f9c/68747470733a2f2f6d69722d73332d63646e2d63662e626568616e63652e6e65742f70726f6a6563745f6d6f64756c65732f6d61785f313230302f6562383161343138323130383331372e363761373231326337346234632e676966" data-alt="Modern Transitions | Final Cut Pro - 7" class="lazy-load-img"></span></p> <p><strong><h3 id="item-description__freelance-hire">Freelance Hire:</h3></strong> I’m available for freelance hire for both individual projects and customization of templates. Feel free to contact me any time via <a href="mailto:imocean.motion@gmail.com">e-mail</a>.</p> <p><strong><h3 id="item-description__support">Support:</h3></strong> If you have some questions or difficult to customize this template, feel free to contact me through <a href="https://videohive.net/user/Imocean">my profile page</a>, I will gladly help to you, 24/7.</p> <p>Videos aren’t included. But you can find them here: <a href="https://pexels.com" rel="nofollow">Pexels</a></p></div> </div> <div class="js-item-description-toggle item-description-toggle"> <a class="item-description-toggle__link is-hidden" href="#"> <span>Show More <i class="e-icon -icon-chevron-down"></i></span> <span class="item-description-toggle__less">Show Less <i class="e-icon -icon-chevron-down -rotate-180"></i></span> </a> </div> </div> </div> <section data-view="recommendedItems" data-url="/item/modern-transitions-final-cut-pro/49436805/recommended_items" id="recommended_items"> </section> <section class="related-by-author h-my2 h-pb1"> <h2 class="t-heading -size-xs -weight-normal">More items by Imocean</h2> <div class="related-by-author__list h-py1"> <ul class="item-thumbnail-carousel--item-page overflow" data-analytics-view-payload="{"eventName":"view_item_list","eventType":"user","ecommerce":{"currency":"USD","item_list_name":"Item page: More items by this author","items":[{"affiliation":"videohive","item_id":56766062,"item_name":"Flat Minimal Logo Reveals | DaVinci Resolve","item_brand":"Imocean","item_category":"davinci-resolve-templates","item_category2":"logo-stings","item_category3":"abstract","price":"16","quantity":1,"index":1},{"affiliation":"videohive","item_id":56816301,"item_name":"Icons for Social Media II | FCPX","item_brand":"Imocean","item_category":"apple-motion-templates","item_category2":"elements","item_category3":"overlay","price":"14","quantity":1,"index":2},{"affiliation":"videohive","item_id":56767203,"item_name":"Vivid Title Animations | DaVinci Resolve","item_brand":"Imocean","item_category":"davinci-resolve-templates","item_category2":"titles","item_category3":"abstract","price":"16","quantity":1,"index":3},{"affiliation":"videohive","item_id":56768839,"item_name":"Icons for Social Media II | MOGRT","item_brand":"Imocean","item_category":"premiere-pro-templates","item_category2":"elements","item_category3":"overlay","price":"14","quantity":1,"index":4},{"affiliation":"videohive","item_id":56767338,"item_name":"Icons for Social Media II","item_brand":"Imocean","item_category":"after-effects-project-files","item_category2":"elements","item_category3":"overlay","price":"14","quantity":1,"index":5},{"affiliation":"videohive","item_id":56709107,"item_name":"Flat Trendy Transitions | FCPX","item_brand":"Imocean","item_category":"apple-motion-templates","item_category2":"elements","item_category3":"transition","price":"16","quantity":1,"index":6},{"affiliation":"videohive","item_id":56749916,"item_name":"Film and Movie Credits | DaVinci Resolve","item_brand":"Imocean","item_category":"davinci-resolve-templates","item_category2":"elements","item_category3":"lower-third","price":"16","quantity":1,"index":7}]}}"> <li class="item-thumbnail-container"> <a data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","item_id":56766062,"item_name":"Flat Minimal Logo Reveals | DaVinci Resolve","item_brand":"Imocean","item_category":"davinci-resolve-templates","item_category2":"logo-stings","item_category3":"abstract","price":"16","quantity":1}]}}" href="https://videohive.net/item/flat-minimal-logo-reveals-davinci-resolve/56766062"><img border="0" alt="Flat Minimal Logo Reveals | DaVinci Resolve - VideoHive Item for Sale" title="Flat Minimal Logo Reveals | DaVinci Resolve" height="80" width="80" class="video-image-magnifier preload no_preview" data-preview-width="" data-preview-height="" data-preview-url="https://s3.envato.com/files/590703419/Preview%20Image%20DaVinci.jpg" data-item-name="Flat Minimal Logo Reveals | DaVinci Resolve" data-item-author="Imocean" data-item-id="56766062" data-item-category="DaVinci Resolve Templates / Logo Stings / Abstract" data-item-cost="16" data-video-file-url="https://s3.envato.com/h264-video-previews/d95b681d-c43d-49b4-a87e-df9911752baf/56766062.mp4" src="https://s3.envato.com/files/590703416/Thumbnail%20Davinci.jpg" /></a> </li> <li class="item-thumbnail-container"> <a data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","item_id":56816301,"item_name":"Icons for Social Media II | FCPX","item_brand":"Imocean","item_category":"apple-motion-templates","item_category2":"elements","item_category3":"overlay","price":"14","quantity":1}]}}" href="https://videohive.net/item/icons-for-social-media-ii-fcpx/56816301"><img border="0" alt="Icons for Social Media II | FCPX - VideoHive Item for Sale" title="Icons for Social Media II | FCPX" height="80" width="80" class="video-image-magnifier preload no_preview" data-preview-width="" data-preview-height="" data-preview-url="https://s3.envato.com/files/589914373/Preview%20Image%20FCPX.jpg" data-item-name="Icons for Social Media II | FCPX" data-item-author="Imocean" data-item-id="56816301" data-item-category="Apple Motion Templates / Elements / Overlay / Miscellaneous" data-item-cost="14" data-video-file-url="https://s3.envato.com/h264-video-previews/e0b2dcff-8894-4337-a1da-2f63303d30a9/56816301.mp4" src="https://s3.envato.com/files/589914369/Thumbnail%20FCPX.jpg" /></a> </li> <li class="item-thumbnail-container"> <a data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","item_id":56767203,"item_name":"Vivid Title Animations | DaVinci Resolve","item_brand":"Imocean","item_category":"davinci-resolve-templates","item_category2":"titles","item_category3":"abstract","price":"16","quantity":1}]}}" href="https://videohive.net/item/vivid-title-animations-davinci-resolve/56767203"><img border="0" alt="Vivid Title Animations | DaVinci Resolve - VideoHive Item for Sale" title="Vivid Title Animations | DaVinci Resolve" height="80" width="80" class="video-image-magnifier preload no_preview" data-preview-width="" data-preview-height="" data-preview-url="https://s3.envato.com/files/588186424/Preview%20Image%20Davinci.jpg" data-item-name="Vivid Title Animations | DaVinci Resolve" data-item-author="Imocean" data-item-id="56767203" data-item-category="DaVinci Resolve Templates / Titles / Abstract" data-item-cost="16" data-video-file-url="https://s3.envato.com/h264-video-previews/5106b387-e718-4054-b37a-e99bff42a383/56767203.mp4" src="https://s3.envato.com/files/588186420/Thumbnail%20Davinci.jpg" /></a> </li> <li class="item-thumbnail-container"> <a data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","item_id":56768839,"item_name":"Icons for Social Media II | MOGRT","item_brand":"Imocean","item_category":"premiere-pro-templates","item_category2":"elements","item_category3":"overlay","price":"14","quantity":1}]}}" href="https://videohive.net/item/icons-for-social-media-ii-mogrt/56768839"><img border="0" alt="Icons for Social Media II | MOGRT - VideoHive Item for Sale" title="Icons for Social Media II | MOGRT" height="80" width="80" class="video-image-magnifier preload no_preview" data-preview-width="" data-preview-height="" data-preview-url="https://s3.envato.com/files/588283824/Preview%20Image%20PP.jpg" data-item-name="Icons for Social Media II | MOGRT" data-item-author="Imocean" data-item-id="56768839" data-item-category="Premiere Pro Templates / Elements / Overlay / Miscellaneous" data-item-cost="14" data-video-file-url="https://s3.envato.com/h264-video-previews/4bf1a103-d35f-4d60-b2b0-4bd2e9455521/56768839.mp4" src="https://s3.envato.com/files/588283820/Thumbnail%20PP.jpg" /></a> </li> <li class="item-thumbnail-container"> <a data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","item_id":56767338,"item_name":"Icons for Social Media II","item_brand":"Imocean","item_category":"after-effects-project-files","item_category2":"elements","item_category3":"overlay","price":"14","quantity":1}]}}" href="https://videohive.net/item/icons-for-social-media-ii/56767338"><img border="0" alt="Icons for Social Media II - VideoHive Item for Sale" title="Icons for Social Media II" height="80" width="80" class="video-image-magnifier preload no_preview" data-preview-width="" data-preview-height="" data-preview-url="https://s3.envato.com/files/588190408/Preview%20Image%20AE.jpg" data-item-name="Icons for Social Media II" data-item-author="Imocean" data-item-id="56767338" data-item-category="After Effects Project Files / Elements / Overlay / Miscellaneous" data-item-cost="14" data-video-file-url="https://s3.envato.com/h264-video-previews/b922b9c0-3aee-48e6-8110-52d3833d4089/56767338.mp4" src="https://s3.envato.com/files/588190404/Thumbnail%20AE.jpg" /></a> </li> <li class="item-thumbnail-container"> <a data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","item_id":56709107,"item_name":"Flat Trendy Transitions | FCPX","item_brand":"Imocean","item_category":"apple-motion-templates","item_category2":"elements","item_category3":"transition","price":"16","quantity":1}]}}" href="https://videohive.net/item/flat-trendy-transitions-fcpx/56709107"><img border="0" alt="Flat Trendy Transitions | FCPX - VideoHive Item for Sale" title="Flat Trendy Transitions | FCPX" height="80" width="80" class="video-image-magnifier preload no_preview" data-preview-width="" data-preview-height="" data-preview-url="https://s3.envato.com/files/589855803/Preview%20Image%20FCPX.jpg" data-item-name="Flat Trendy Transitions | FCPX" data-item-author="Imocean" data-item-id="56709107" data-item-category="Apple Motion Templates / Elements / Transition / Abstract" data-item-cost="16" data-video-file-url="https://s3.envato.com/h264-video-previews/1870b838-a220-4ad8-acbb-f65c68fddd48/56709107.mp4" src="https://s3.envato.com/files/584974707/Thumbnail%20FCPX.jpg" /></a> </li> <li class="item-thumbnail-container"> <a data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"videohive","item_id":56749916,"item_name":"Film and Movie Credits | DaVinci Resolve","item_brand":"Imocean","item_category":"davinci-resolve-templates","item_category2":"elements","item_category3":"lower-third","price":"16","quantity":1}]}}" href="https://videohive.net/item/film-and-movie-credits-davinci-resolve/56749916"><img border="0" alt="Film and Movie Credits | DaVinci Resolve - VideoHive Item for Sale" title="Film and Movie Credits | DaVinci Resolve" height="80" width="80" class="video-image-magnifier preload no_preview" data-preview-width="" data-preview-height="" data-preview-url="https://s3.envato.com/files/587791669/Preview%20Image%20Davinci.jpg" data-item-name="Film and Movie Credits | DaVinci Resolve" data-item-author="Imocean" data-item-id="56749916" data-item-category="DaVinci Resolve Templates / Elements / Lower-Third / Miscellaneous" data-item-cost="16" data-video-file-url="https://s3.envato.com/h264-video-previews/2af91933-bdea-41e8-9ea2-d7b2aca9d891/56749916.mp4" src="https://s3.envato.com/files/587791665/Thumbnail%20Davinci.jpg" /></a> </li> </ul> </div> <div> <p class="t-body -size-m"> <a class="t-link-decoration-reversed" href="/user/Imocean/portfolio">View author portfolio</a> </p> </div> </section> <div data-view="itemPageScrollEvents"></div> </div> <div class="sidebar-l sidebar-right"> <div class="pricebox-container"> <div class="box -radius-all"> <div id="purchase-form" class="purchase-form"> <form data-view="purchaseForm" data-analytics-has-custom-click="true" data-analytics-click-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":16.0,"items":[{"affiliation":"videohive","item_id":49436805,"item_name":"Modern Transitions | Final Cut Pro","item_brand":"Imocean","item_category":"apple-motion-templates","item_category2":"elements","item_category3":"transition","price":"16","quantity":1}]}}" action="/cart/add/49436805" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vtY7HAOQ70YXT8ODty0BacTyBfpLWsVyfg-rXUe2AckyP0pfMQ9hFF3Ntr-GC0eOJ3nHRKwmJge3RsrpDci-KA" autocomplete="off" /> <div data-view="itemVariantSelector" data-id="49436805" data-cookiebot-enabled="true"> <div class="purchase-form__selection"> <span class="purchase-form__license-type"> <select class="f-select js-purchase-license-selector " name="license"> <option value="regular" selected="selected" data-license="regular" data-license-default="true">Regular License</option> <option value="extended" data-license="extended" data-license-default="false">Extended License</option> </select> </span> <div class="js-purchase-heading purchase-form__price t-heading -size-xxl "> <b class="t-currency"><span class="js-purchase-price">$16</span></b> </div> </div> <div class="purchase-form__license js-purchase-license is-active" data-license="regular"> <div class="purchase-form__info"> <p class="t-body -size-m"> Use, by you or one client, in a single end product which end users <strong>are not</strong> charged for. The total price includes the item price and a buyer fee. </p> <p class="t-body -size-m"> <a class="js-purchase-license-details" href="https://videohive.net/licenses/standard">License details</a> | <a href="/buy">Why buy with Envato</a> </p> </div> <price class="js-purchase-license-prices" data-price-prepaid="$16" data-license="regular" /> </div> <div class="purchase-form__license js-purchase-license " data-license="extended"> <div class="purchase-form__info"> <p class="t-body -size-m"> Use, by you or one client, in a single end product which end users <strong>can be</strong> charged for. The total price includes the item price and a buyer fee. </p> <p class="t-body -size-m"> <a class="js-purchase-license-details" href="https://videohive.net/licenses/standard">License details</a> | <a href="/buy">Why buy with Envato</a> </p> </div> <price class="js-purchase-license-prices" data-price-prepaid="$48" data-license="extended" /> </div> </div> <div class="purchase-form__cta-buttons"> <div class="purchase-form__button"> <button name="button" type="submit" class="js-purchase__add-to-cart e-btn--3d -color-primary -size-m -width-full"> <i class="e-icon -icon-cart -margin-right"></i> <strong>Add to Cart</strong> </button></div> <div class="purchase-form__button"> <button name="buy_now_button" type="submit" value="Buy Now" class="js-purchase__buy-now e-btn--3d -size-m -width-full" data-disable-with="Processing..."> <strong>Buy Now</strong> </button></div> </div> <div class="purchase-form__us-dollars-notice-container"> <p class="purchase-form__us-dollars-notice"><i>Price is in US dollars and excludes tax and handling fees</i></p> </div> </form> </div> </div> </div> <div class="box -radius-all"> <div class="media"> <div class="media__item"> <img alt="Elite author" title="Elite Author: Sold more than $75,000 on Envato Market" width="42" height="42" src="https://public-assets.envato-static.com/assets/badges/elite-10edc87feb7935dd2b5b4a75c2ecbf7602f735e2367b0430dfa4befe23c0d4ff.svg" /> </div> <div class="media__body -align-center"> <p class="t-body -size-m h-m0">Elite Author</p> </div> </div> </div> <div class="box -radius-all"> <div class="media"> <div class="media__item"> <div class="avatar-wrapper tooltip-advanced"> <a class="avatar" title="Imocean" href="/user/Imocean"> <span data-src="https://s3.envato.com/files/260838761/Logo%20for%20VH.png" data-width="80" data-height="80" data-alt="Imocean" class="lazy-load-img"></span> </a> </div> </div> <div class="media__body"> <h2 class="t-heading -size-s h-text-overflow-wrap-anywhere"> <a rel="author" class="t-link -color-dark -decoration-none" href="/user/imocean">Imocean</a> </h2> <div class=""> <ul class="badges"> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/community_health-s-3c377dde1620d2cd711edfed7b7a4940e27efb29e2ad0a717a82a4e839b2c3be.svg" data-alt="Community Health" data-class="community-badges__badge--s" data-title="Community Health: Has participated in Envato's Community Health research initiatives" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/was_featured-s-87fe0bf12916ecd80dfb0458af483f5ffc3e0e12a8184319b00d68f35b50398d.svg" data-alt="Featured Author" data-class="community-badges__badge--s" data-title="Featured Author: Made it to the Authors' Hall of Fame" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/had_featured_item-s-b5f2918086aeed34870acaf7a6c9710fa7f7418a10f670ceeb57395d4fc2b90e.svg" data-alt="Featured Item" data-class="community-badges__badge--s" data-title="Featured Item: Had an item featured on Envato Market" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/one_billion_milestone-s-ed3a00e6519c81aee36b4f053c5e59b64c3de33f69d2baa58a823b6827d96a3b.svg" data-alt="Milestone Member" data-class="community-badges__badge--s" data-title="Milestone Member: Part of the $1 billion community earnings milestone" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/was_top_monthly_author-s-d2866e865aab0be2c0d48681dc5dea0122a93859783d9e70316cfc32ed4abdb9.svg" data-alt="Top Monthly Author" data-class="community-badges__badge--s" data-title="Top Monthly Author: Became a Top 20 Author of the Month" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/was_weekly_top_seller-s-450a372ef504c226ad5c50b332c51741364a5014267839e0484804ae2fafe398.svg" data-alt="Weekly Top Seller" data-class="community-badges__badge--s" data-title="Weekly Top Seller: Had an item that ranked among the weekly top sellers across the entire marketplace" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/elite-s-330c3ef01292b534834456c5d15cc00abfb4bfdc65fb746e8dc0e10891912c89.svg" data-alt="Elite Author" data-class="community-badges__badge--s" data-title="Elite Author: Sold more than $75,000 on Envato Market" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/author_level_8-s-874f33a9d5692685e1e6a2a6c956607bcdea42372f5448b6c14b4924f0ef0e44.svg" data-alt="Author Level 8" data-class="community-badges__badge--s" data-title="Author Level 8: Has sold $125,000+ on Envato Market" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/had_trending_item-s-973480c3b882aee21c3dbefdbb9a47c01668da9beb2678ad5332194269fb7ceb.svg" data-alt="Trendsetter" data-class="community-badges__badge--s" data-title="Trendsetter: Had an item that was trending" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/collector_level_3-s-af54e8174fd6b35263a5e25eaa63002de4233a5d1b770a3bfadbb74bd3303036.svg" data-alt="Collector Level 3" data-class="community-badges__badge--s" data-title="Collector Level 3: Has collected 50+ items on Envato Market" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/affiliate_level_2-s-0426cdc3127c2e9e7ee01e754095c45eb5effc7e8a4587691954bd4c1c0f3e6d.svg" data-alt="Affiliate Level 2" data-class="community-badges__badge--s" data-title="Affiliate Level 2: Has referred 10+ members" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/sheriff-s-5bb3f6724c1bad1ac0f99042c2234993e16708c397d5f3047ceb77f927acc025.svg" data-alt="Copyright Ninja" data-class="community-badges__badge--s" data-title="Copyright Ninja: Helped protect Envato Market against copyright violations" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/exclusive-s-ece00f12ba6563867b7ba5274540c7333ba6688400220b3bf1d2bb9b338d65f8.svg" data-alt="Exclusive Author" data-class="community-badges__badge--s" data-title="Exclusive Author: Sells items exclusively on Envato" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/veteran_level_11-s-98b8d23e4af26acc481e905d0415073231a6ec34a24f28ae61db601bfd08f61d.svg" data-alt="11 Years of Membership" data-class="community-badges__badge--s" data-title="11 Years of Membership: Has been part of the Envato Community for over 11 years" class="lazy-load-img"></span> </span> </li> </ul> </div> </div> </div> <div class="h-mt1"> <a class="e-btn--3d -color-light -width-full js-view-portfolio-button" href="/user/Imocean/portfolio">View Portfolio</a> </div> </div> <div class="box -radius-all"> <div class="meta-attributes js-meta-attributes " data-view="CondenseItemInfoPanel"> <table class="meta-attributes__table" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr class="js-condense-item-page-info-panel--last_update"> <td class="meta-attributes__attr-name">Last Update</td> <td class="meta-attributes__attr-detail"> <time class="updated" datetime="2025-02-08T20:26:04+11:00"> 8 February 2025 </time> </td> </tr> <tr> <td class="meta-attributes__attr-name">Published</td> <td class="meta-attributes__attr-detail"> <span data-nosnippet=""> 22 November 2023 </span> </td> </tr> <tr> <td class="meta-attributes__attr-name">Requires Plugins</td> <td class="meta-attributes__attr-detail"> <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/requires-plugins/no">No</a> </td> </tr> <tr> <td class="meta-attributes__attr-name">Software Version</td> <td class="meta-attributes__attr-detail"> <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/apple%20motion%205">Apple Motion 5</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/final%20cut%20pro%20x">Final Cut Pro X</a> </td> </tr> <tr> <td class="meta-attributes__attr-name">Resolution</td> <td class="meta-attributes__attr-detail"> <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/resolution/resizable">Resizable</a> </td> </tr> <tr> <td class="meta-attributes__attr-name"> File Size</td> <td class="meta-attributes__attr-detail"> <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/file-size/3.2mb">3.2MB</a> </td> </tr> <tr> <td class="meta-attributes__attr-name">Tags</td> <td><span class="meta-attributes__attr-tags"> <a title="abstract" rel="nofollow" href="/search/abstract">abstract</a>, <a title="apple motion" rel="nofollow" href="/search/apple motion">apple motion</a>, <a title="backgrounds" rel="nofollow" href="/search/backgrounds">backgrounds</a>, <a title="broadcast" rel="nofollow" href="/search/broadcast">broadcast</a>, <a title="camera" rel="nofollow" href="/search/camera">camera</a>, <a title="camera transitions" rel="nofollow" href="/search/camera transitions">camera transitions</a>, <a title="channel" rel="nofollow" href="/search/channel">channel</a>, <a title="clean" rel="nofollow" href="/search/clean">clean</a>, <a title="colorful" rel="nofollow" href="/search/colorful">colorful</a>, <a title="colorful transitions" rel="nofollow" href="/search/colorful transitions">colorful transitions</a>, <a title="drag and drop" rel="nofollow" href="/search/drag and drop">drag and drop</a>, <a title="elements" rel="nofollow" href="/search/elements">elements</a>, <a title="fcp" rel="nofollow" href="/search/fcp">fcp</a>, <a title="film footage" rel="nofollow" href="/search/film footage">film footage</a>, <a title="flat" rel="nofollow" href="/search/flat">flat</a>, <a title="for youtube" rel="nofollow" href="/search/for youtube">for youtube</a>, <a title="gradients" rel="nofollow" href="/search/gradients">gradients</a>, <a title="instagram stories" rel="nofollow" href="/search/instagram stories">instagram stories</a>, <a title="logo transitions" rel="nofollow" href="/search/logo transitions">logo transitions</a>, <a title="minimal" rel="nofollow" href="/search/minimal">minimal</a>, <a title="modern" rel="nofollow" href="/search/modern">modern</a>, <a title="pack" rel="nofollow" href="/search/pack">pack</a>, <a title="presets" rel="nofollow" href="/search/presets">presets</a>, <a title="promotion" rel="nofollow" href="/search/promotion">promotion</a>, <a title="seamless" rel="nofollow" href="/search/seamless">seamless</a>, <a title="shape" rel="nofollow" href="/search/shape">shape</a>, <a title="simple transitions" rel="nofollow" href="/search/simple transitions">simple transitions</a>, <a title="slideshow" rel="nofollow" href="/search/slideshow">slideshow</a>, <a title="social media" rel="nofollow" href="/search/social media">social media</a>, <a title="subscribe" rel="nofollow" href="/search/subscribe">subscribe</a>, <a title="text" rel="nofollow" href="/search/text">text</a>, <a title="text animation" rel="nofollow" href="/search/text animation">text animation</a>, <a title="titles" rel="nofollow" href="/search/titles">titles</a>, <a title="transitions" rel="nofollow" href="/search/transitions">transitions</a>, <a title="transitions for fcpx" rel="nofollow" href="/search/transitions for fcpx">transitions for fcpx</a>, <a title="transitions for final cut pro x" rel="nofollow" href="/search/transitions for final cut pro x">transitions for final cut pro x</a>, <a title="transitions pack" rel="nofollow" href="/search/transitions pack">transitions pack</a>, <a title="transitions with placeholders" rel="nofollow" href="/search/transitions with placeholders">transitions with placeholders</a>, <a title="trendy" rel="nofollow" href="/search/trendy">trendy</a>, <a title="video editing" rel="nofollow" href="/search/video editing">video editing</a>, <a title="youtube" rel="nofollow" href="/search/youtube">youtube</a>, <a title="youtube channel" rel="nofollow" href="/search/youtube channel">youtube channel</a>, <a title="zoom transitions" rel="nofollow" href="/search/zoom transitions">zoom transitions</a> </span></td> </tr> </tbody> </table> </div></div> <div class="t-body -size-s h-text-align-center h-mt2"> © All Rights Reserved Imocean <br/> <a href="https://help.market.envato.com">Contact the Envato Market Help Team</a> </div> </div> <script nonce="Op0V3NmurovO3Z/hWCgY6w=="> //<![CDATA[ // HACK: Google Chrome always scroll the previous page's position on hitting Back button // This causes issue with responsive version in which unexpanded item description obscure // the scroll position and Chrome will jump to the outer border of bottom window.addEventListener('unload', function(e) { window.scrollTo(0, 0); }); //]]> </script></div> </div> </div> <div> <div class="cross-sell "> <a class="cross-sell__link" target="blank" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"footer block ads","ecommerce":{"promotionId":"elements_mkt-footer_28AUG2024","promotionName":"elements_mkt-footer_28AUG2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"footer block ads","ecommerce":{"promotionId":"elements_mkt-footer_28AUG2024","promotionName":"elements_mkt-footer_28AUG2024","promotionType":"elements referral"}}" data-analytics-click-once="true" href="https://elements.envato.com/pricing?utm_campaign=elements_mkt-footer_28AUG2024&utm_content=vh_global-footer&utm_medium=promos&utm_source=videohive.net"> <div class="mainPanel"> <div class="mainPanelContent"> <img loading="lazy" src="https://public-assets.envato-static.com/assets/common/50x-page/envato-logo-11bf09c1be758f900356bf789ceb40db7c2fcbc0557fb85dff1a7a827a182673.svg" alt="Elements logo" width="140" height="31"> <div class="mainPanelLinkContainer"> <p class="mainPanelLinkHeading"> Looking for unlimited downloads? </p> <p class="mainPanelLinkSubheading"> Subscribe to Envato Elements. </p> <div class="mainPanelLinkDescription"> <div class="descriptionItem"> <img src="https://public-assets.envato-static.com/assets/header/badge-a65149663b95bcee411e80ccf4da9788f174155587980d8f1d9c44fd8b59edd8.svg" alt="badge" width="20" height="20" > <span>Millions of premium assets </span> </div> <div class="descriptionItem"> <img src="https://public-assets.envato-static.com/assets/header/thumbs_up-e5ce4c821cfd6a6aeba61127a8e8c4d2d7c566e654f588a22708c64d66680869.svg" alt="thumbs up" width="20" height="20" > <span> Great value subscription</span> </div> </div> </div> <button class="brand-neue-button brand-neue-button__open-in-new elements-nav__cta footer_btn">Start creating now</button> </div> </div> <div class="secondaryPanel"> <img loading="lazy" src="https://public-assets.envato-static.com/assets/header-footer/cross-sell-elements-1x-59887e02d3bda94335ce4ed0d1cdd4465b42a2dae3524eb09ea85bf5f4d55c08.png" srcset="https://public-assets.envato-static.com/assets/header-footer/cross-sell-elements-2x-7b24f742786bf9591eb05fa640819e037c8330cd646f7a547a3b3d07d7c208d8.png 2x" alt="Collage of Elements items" /> </div> </a> </div> <footer class='global-footer'> <div class='grid-container -layout-wide'> <div class='global-footer__container'> <nav class='global-footer-info-links'> <hr class='global-footer__separator is-hidden-desktop h-mb4'> <ul class='global-footer-info-links__list'> <li class='global-footer-info-links__list-item'> <ul class='global-footer-sublist'> <li class='global-footer-sublist__item-title'> Envato Market </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://help.market.envato.com/hc/en-us/articles/41383541904281-Envato-Market-Terms">Terms</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://themeforest.net/licenses">Licenses</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://build.envato.com">Market API</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://envato.com/market/affiliate-program/">Become an affiliate</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://www.envato.com/cookies/">Cookies</a> </li> <li class='global-footer-sublist__item h-p0'> <button type="button" class="global-footer__text-link" data-view="cookieSettings">Cookie Settings</button> </li> </ul> </li> <li class='global-footer-info-links__list-item'> <ul class='global-footer-sublist'> <li class='global-footer-sublist__item-title'> Help </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://help.market.envato.com">Help Center</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://help.author.envato.com/hc/en-us">Authors</a> </li> </ul> </li> <li class='global-footer-info-links__list-item'> <ul class='global-footer-sublist'> <li class='global-footer-sublist__item-title'> Our Community </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://community.envato.com">Community</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://envato.com/blog">Blog</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://forums.envato.com">Forums</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://community.envato.com/#/events">Meetups</a> </li> </ul> </li> <li class='global-footer-info-links__list-item'> <ul class='global-footer-sublist'> <li class='global-footer-sublist__item-title'> Meet Envato </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://envato.com">About Envato</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://envato.com/careers/">Careers</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://envato.com/privacy/">Privacy Policy</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://www.envato.com/privacy/#my-personal-information">Do not sell or share my personal information</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://envato.com/sitemap/">Sitemap</a> </li> </ul> </li> </ul> </nav> <div class='global-footer-stats'> <div class='global-footer-stats__content'> <img class="global-footer-stats__logo" alt="Envato Market" src="https://public-assets.envato-static.com/assets/logos/envato_market-dd390ae860330996644c1c109912d2bf63885fc075b87215ace9b5b4bdc71cc8.svg" /> <ul class='global-footer-stats__list'> <li class='global-footer-stats__list-item h-p0'> <span class='global-footer-stats__number'>76,850,010</span> items sold </li> <li class='global-footer-stats__list-item h-p0'> <span class='global-footer-stats__number'>$1,201,444,010</span> community earnings </li> </ul> </div> <div class='global-footer-stats__bcorp'> <a target="_blank" rel="noopener noreferrer" class="global-footer-bcorp-link" href="https://bcorporation.net/en-us/find-a-b-corp/company/envato"> <img class="global-footer-bcorp-logo" width="50" alt="B Corp Logo" loading="lazy" src="https://public-assets.envato-static.com/assets/header-footer/logo-bcorp-e83f7da84188b8edac311fbf08eaa86634e9db7c67130cdc17837c1172c5f678.svg" /> </a> </div> </div> </div> <hr class='global-footer__separator'> <div class='global-footer__container'> <div class='global-footer-company-links'> <ul class='global-footer-company-links__list'> <li class='global-footer-company-links__list-item'> <a class="global-footer__text-link -opacity-full" href="https://envato.com">Envato.com</a> </li> <li class='global-footer-company-links__list-item'> <a class="global-footer__text-link -opacity-full" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"footer nav","ecommerce":{"promotionId":"elements_mkt-footernav","promotionName":"elements_mkt-footernav","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"footer nav","ecommerce":{"promotionId":"elements_mkt-footernav","promotionName":"elements_mkt-footernav","promotionType":"elements referral"}}" href="https://elements.envato.com?utm_campaign=elements_mkt-footernav">Envato Elements</a> </li> <li class='global-footer-company-links__list-item'> <a class="global-footer__text-link -opacity-full" href="https://placeit.net/">Placeit by Envato</a> </li> <li class='global-footer-company-links__list-item'> <a class="global-footer__text-link -opacity-full" href="https://tutsplus.com">Envato Tuts+</a> </li> <li class='global-footer-company-links__list-item'> <a class="global-footer__text-link -opacity-full" href="https://envato.com/products/">All Products</a> </li> <li class='global-footer-company-links__list-item'> <a class="global-footer__text-link -opacity-full" href="https://envato.com/sitemap/">Sitemap</a> </li> </ul> <hr class="global-footer__separator is-hidden-tablet-and-above h-mt3"> <small class='global-footer-company-links__price-disclaimer'> Price is in US dollars and excludes tax and handling fees </small> <small class='global-footer-company-links__copyright'> © 2025 Envato Pty Ltd. Trademarks and brands are the property of their respective owners. </small> </div> <div class='global-footer-social'> <ul> <li class='global-footer-social__list-item'> <a class="global-footer__icon-link" rel="nofollow" href="https://twitter.com/envato"> <span data-src="https://public-assets.envato-static.com/assets/header-footer/social/twitter-fed054cb31fc18407431a26876142c31a26c6bd59026c684d9625e4d7e58002a.svg" data-class="global-footer-social__icon" data-alt="Twitter" data-title="Twitter" data-width="22" data-height="22" class="lazy-load-img"></span> </a> </li> <li class='global-footer-social__list-item'> <a class="global-footer__icon-link" rel="nofollow" href="https://www.facebook.com/envato"> <span data-src="https://public-assets.envato-static.com/assets/header-footer/social/facebook-20d27cecd9ae46e6f7bad373316a0dc544669d42dbe0f66b3672720fbe5592fc.svg" data-class="global-footer-social__icon" data-alt="Facebook" data-title="Facebook" data-width="22" data-height="22" class="lazy-load-img"></span> </a> </li> <li class='global-footer-social__list-item'> <a class="global-footer__icon-link" rel="nofollow" href="https://www.youtube.com/user/Envato"> <span data-src="https://public-assets.envato-static.com/assets/header-footer/social/youtube-2d6a8f758426e727939834a47fe9e16ed6b651afed9ca4327a986f76f496594a.svg" data-class="global-footer-social__icon" data-alt="YouTube" data-title="YouTube" data-width="22" data-height="22" class="lazy-load-img"></span> </a> </li> <li class='global-footer-social__list-item'> <a class="global-footer__icon-link" rel="nofollow" href="https://www.instagram.com/envato/"> <span data-src="https://public-assets.envato-static.com/assets/header-footer/social/instagram-dce9fbf4d8428e6f75492fdc4e32ef7543ce3ba6347a5b055e7ac68c45416dc2.svg" data-class="global-footer-social__icon" data-alt="Instagram" data-title="Instagram" data-width="22" data-height="22" class="lazy-load-img"></span> </a> </li> <li class='global-footer-social__list-item'> <a class="global-footer__icon-link" rel="nofollow" href="https://www.pinterest.com/envato/"> <span data-src="https://public-assets.envato-static.com/assets/header-footer/social/pinterest-2e00aae335d66e4e28273bbfe4e9428ca8d8d91cbd9122d81312218ea34747df.svg" data-class="global-footer-social__icon" data-alt="Pinterest" data-title="Pinterest" data-width="22" data-height="22" class="lazy-load-img"></span> </a> </li> </ul> </div> </div> </div> </footer> </div> </div> <div class="is-hidden-phone"> <div id="tooltip-magnifier" class="magnifier"> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span> </div> </div> <div id="landscape-image-magnifier" class="magnifier"> <div class="size-limiter"> </div> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span> </div> </div> <div id="portrait-image-magnifier" class="magnifier"> <div class="size-limiter"> </div> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span> </div> </div> <div id="square-image-magnifier" class="magnifier"> <div class="size-limiter"> </div> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span> </div> </div> <div id="smart-image-magnifier" class="magnifier"> <div class="size-limiter"> </div> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span> </div> </div> <div id="video-magnifier" class="magnifier"> <div class="size-limiter"> </div> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span> </div> </div> </div> </div> <div class="page__overlay" data-view="offCanvasNavToggle" data-off-canvas="close"></div> </div> </div> <div data-site="videohive" data-view="CsatSurvey" class="is-visually-hidden"> <div id="js-customer-satisfaction-survey"> <div class="e-modal"> <div class="e-modal__section" id="js-customer-satisfaction-survey-iframe-wrapper"> </div> </div> </div> </div> <div id="js-customer-satisfaction-popup" class="survey-popup is-visually-hidden"> <div class="h-text-align-right"><a href="#" id="js-popup-close-button" class="e-alert-box__dismiss-icon"><i class="e-icon -icon-cancel"></i></a></div> <div class="survey-popup--section"> <h2 class="t-heading h-text-align-center -size-m">Tell us what you think!</h2> <p>We'd like to ask you a few questions to help improve VideoHive.</p> </div> <div class="survey-popup--section"> <a href="#" id="js-show-survey-button" class="e-btn -color-primary -size-m -width-full js-survey-popup--show-survey-button">Sure, take me to the survey</a> </div> </div> <script src="https://public-assets.envato-static.com/assets/market/core/index-3d8a0ccd9978174dda7d3aa30b258e7ace330a435d742f005d78398b2a3f6013.js" nonce="Op0V3NmurovO3Z/hWCgY6w=="></script> <script src="https://public-assets.envato-static.com/assets/market/pages/default/index-0ce799ddff3d11a6eedfa1104f04f37b707b1d3982a2df15a6b175d63128c3a6.js" nonce="Op0V3NmurovO3Z/hWCgY6w=="></script> <div id="affiliate-tracker" class="is-hidden" data-view="affiliatesTracker" data-cookiebot-enabled="true"></div> <script src="https://public-assets.envato-static.com/assets/market/core/lazyload-f0fdf08f4783c5b030b32eb74e26ace288ccfeeee00a96df46f974edf09fc853.js" crossorigin="anonymous" nonce="Op0V3NmurovO3Z/hWCgY6w==" integrity="sha256-Lj73XO2pRKnz68V0O125cWko4eq1N3BVb2oeXYCSLv0="></script> <script nonce="Op0V3NmurovO3Z/hWCgY6w=="> //<![CDATA[ $(function(){viewloader.execute(Views);}); //]]> </script> <script src="https://consent.cookiebot.com/uc.js" data-cbid="d10f7659-aa82-4007-9cf1-54a9496002bf" data-georegions="{"region":"US","cbid":"d9683f70-895f-4427-97dc-f1087cddf9d8"}" async="async" id="Cookiebot" nonce="Op0V3NmurovO3Z/hWCgY6w=="></script> <script nonce="Op0V3NmurovO3Z/hWCgY6w=="> //<![CDATA[ var ACCOUNTS = ["m"]; window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; var consentCookie = getCookie('CookieConsent'); if (consentCookie) { var hasConsent = Market.Helpers.CookieConsent.given('statistics'); if (hasConsent) { setupGoogleAnalytics(); loadGoogleAnalytics(); loadLinkingForAllAccounts(); } } else { setupGoogleAnalytics(); loadGoogleAnalytics(); loadLinkingForAllAccounts(); } window.addEventListener('CookiebotOnAccept', handleCookiebotAcceptDeclineEvent, false); window.addEventListener('CookiebotOnDecline', handleCookiebotAcceptDeclineEvent, false); function handleCookiebotAcceptDeclineEvent() { if (Cookiebot.consent.statistics) { if (!(window.ga && ga.create)) { setupGoogleAnalytics(); loadGoogleAnalytics(); loadLinkingForAllAccounts(); } } else { unloadGoogleAnalytics() } } function getCookie(name) { var name = name + "="; var decodedCookie = decodeURIComponent(document.cookie); var cookieContent = decodedCookie.split(';'); for(var i = 0; i < cookieContent.length; i++) { var c = cookieContent[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return false; } function delete_cookie_by_name(name) { document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; } function unloadGoogleAnalytics() { var payload = {"name":"m","allowLinker":true}; var accountId = "UA-11834194-8"; // Set the GA User Opt-out flag window['ga-disable-'+accountId] = true; // Do not explicitly make any further calls to ga() ga(payload.name+".remove"); // Delete any existing GA cookies (_ga, _gat & _gaid) and GA Client ID from localStorage delete_cookie_by_name('_ga'); delete_cookie_by_name('_gat'); delete_cookie_by_name('_gid'); // Delete LocalStorage Entries if (Market.Helpers.GaLsUtils.localStorageAvailable()) { var clientId = Market.Helpers.GaLsUtils.getClientId(); if (!clientId) { return; } Market.Helpers.GaLsUtils.removeClientId(); } // Do not transmit the Client ID to other sites upon navigation (i.e. autoLink) } function domLoaded() { return new Promise(resolve => { if ( document.readyState === 'interactive' || document.readyState === 'complete' ) { resolve() } else { document.addEventListener( 'DOMContentLoaded', () => { resolve() }, { capture: true, once: true, passive: true } ) } }) } function loadLinkingForAllAccounts() { domLoaded().then(() => { window._envGaTrackerNames = ACCOUNTS; for (var i = 0; i < ACCOUNTS.length; i++) { var t = ACCOUNTS[i]; ga(t+'.require', 'linker'); ga(t+'.require', 'linkid', 'linkid.js'); }; document.body.addEventListener('click', function(event) { decorateLink(event); }); document.body.addEventListener('contextmenu', function(event) { // Aside from a normal click, we need to handle the variety of ways users // can open a link in a new tab // Right click to open context menu decorateLink(event); }); document.body.addEventListener('mousedown', function(event) { // Aside from a normal click, we need to handle the variety of ways users // can open a link in a new tab // Middle mouse button click if (event.button === 1) { decorateLink(event); } }); }); } function decorateLink(event) { window._envGaTrackerNames = ACCOUNTS; var currentTarget = jQuery(event.target); var link = currentTarget.closest('a')[0]; var ourDomains = ["audiojungle.net","themeforest.net","videohive.net","graphicriver.net","3docean.net","codecanyon.net","photodune.net","elements.envato.com","build.envatohostedservices.com","author.envato.com","tutsplus.com","sites.envato.com","account.envato.com","forums.envato.com"]; var filteredDomains = ourDomains.filter(function(domain) { return domain !== document.location.hostname; }); for (var i = 0; i < ACCOUNTS.length; i++) { var t = ACCOUNTS[i]; if (link && link.href) { if (filteredDomains.includes(link.hostname) || currentSiteLinkOpensInNewWindow(link)) { ga(t+'.linker:decorate', link) } } } } function currentSiteLinkOpensInNewWindow(link) { return document.location.hostname === link.hostname && link.target === '_blank'; } function setupGoogleAnalytics() { (function () { var accountId = "UA-11834194-8"; window['ga-disable-'+accountId] = false; var options = {"name":"m","allowLinker":true}; if (Market.Helpers.GaLsUtils.localStorageAvailable()) { if (Market.Helpers.GaLsUtils.clientIdNotPresent()) { options.clientId = Market.Helpers.GaLsUtils.retrieveClientId(); } ga("create", accountId, options); ga(function() { var tracker = ga.getByName(options.name); Market.Helpers.GaLsUtils.storeClientId(tracker.get('clientId')); for (var i = 0; i < ACCOUNTS.length; i++) { var t = ACCOUNTS[i]; ga(t+'.set', 'dimension18', Market.Helpers.GaLsUtils.retrieveClientId()) } }) } else { ga("create", accountId, options); } window._envGaTrackerNames = ACCOUNTS; for (var i = 0; i < ACCOUNTS.length; i++) { var t = ACCOUNTS[i]; ga(t+'.require', ""); ga(t+'.require', 'ec'); ga(t+'.require', 'displayfeatures'); ga(t+'.set', 'dimension20', 'item:details') var itemPageIdMatch = window.location.pathname.match(/^\/item\/[a-z-]+\/(?:reviews\/)?(\d+)(?:\/comments|\/support)?$/); if (itemPageIdMatch) { // Fetch item ID from path var itemId = itemPageIdMatch[1]; ga(t+'.set', 'dimension23', itemId); } } loadLinkingForAllAccounts() }()); } function loadGoogleAnalytics() { (function () { var s=document.createElement('script'); s.type='text/javascript'; s.async=true; s.src='https://www.google-analytics.com/analytics.js'; var x=document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s,x); }()); } //]]> </script> <script nonce="Op0V3NmurovO3Z/hWCgY6w=="> //<![CDATA[ trimGacUaCookies() trimGaSessionCookies() function trimGacUaCookies() { // Trim the list of gac cookies and only leave the most recent ones. This // prevents rejecting the request later on when the cookie size grows larger // than nginx buffers. let maxCookies = 15 var gacCookies = [] let cookies = document.cookie.split('; ') for (let i in cookies) { let [cookieName, cookieVal] = cookies[i].split('=', 2) if (cookieName.startsWith('_gac_UA')) { gacCookies.push([cookieName, cookieVal]) } } if (gacCookies.length <= maxCookies){return } gacCookies.sort((a, b) => { return (a[1] > b[1] ? -1 : 1) }) for (let i in gacCookies) { if (i < maxCookies) continue $.removeCookie(gacCookies[i][0], { path: '/', domain: '.' + window.location.host }) } } function trimGaSessionCookies() { // Trim the list of ga session cookies and only leave the most recent ones. This // prevents rejecting the request later on when the cookie size grows larger // than nginx buffers. let maxCookies = 15 var gaCookies = [] // safelist our GA properties for production and staging const KEEPLIST = ['_ga_ZKBVC1X78F', '_ga_9Z72VQCKY0'] let cookies = document.cookie.split('; ') for (let i in cookies) { let [cookieName, cookieVal] = cookies[i].split('=', 2) // explicitly ensure the cookie starts with `_ga_` so that we don't accidentally include // the `_ga` cookie if (cookieName.startsWith('_ga_')) { if (KEEPLIST.includes(cookieName)) { continue } gaCookies.push([cookieName, cookieVal]) } } if (gaCookies.length <= maxCookies){return } gaCookies.sort((a, b) => { return (a[1] > b[1] ? -1 : 1) }) for (let i in gaCookies) { if (i < maxCookies) continue $.removeCookie(gaCookies[i][0], { path: '/', domain: '.' + window.location.host }) } } //]]> </script> <script nonce="Op0V3NmurovO3Z/hWCgY6w=="> //<![CDATA[ // Set Datadog custom attributes (function () { if (typeof window.datadog_attributes != 'object') window.datadog_attributes = {} window.datadog_attributes['pageType'] = 'item:details' })() //]]> </script> </body> </html>