3D: Intersecting VFX
Sundstedt Animation</a> on <a href="https://vimeo.com">Vimeo</a>.</p> <p style="text-align: left;">Experimenting with Shader to create an intersecting effect on a 3d tunnel. Rendered using Mental Ray.</p> <!-- FeedbackWP Plugin --><div class="rmp-widgets-container rmp-wp-plugin rmp-main-container js-rmp-widgets-container js-rmp-widgets-container--2491 " data-post-id="2491"> <!-- Rating widget --> <div class="rmp-rating-widget js-rmp-rating-widget"> <p class="rmp-heading rmp-heading--title"> How useful was this post? </p> <p class="rmp-heading rmp-heading--subtitle"> Click on a star to rate it! </p> <div class="rmp-rating-widget__icons"> <ul class="rmp-rating-widget__icons-list js-rmp-rating-icons-list"> <li class="rmp-rating-widget__icons-list__icon js-rmp-rating-item" data-descriptive-rating="Not at all useful" data-value="1"> <i class="js-rmp-rating-icon rmp-icon rmp-icon--ratings rmp-icon--star "></i> </li> <li class="rmp-rating-widget__icons-list__icon js-rmp-rating-item" data-descriptive-rating="Somewhat useful" data-value="2"> <i class="js-rmp-rating-icon rmp-icon rmp-icon--ratings rmp-icon--star "></i> </li> <li class="rmp-rating-widget__icons-list__icon js-rmp-rating-item" data-descriptive-rating="Useful" data-value="3"> <i class="js-rmp-rating-icon rmp-icon rmp-icon--ratings rmp-icon--star "></i> </li> <li class="rmp-rating-widget__icons-list__icon js-rmp-rating-item" data-descriptive-rating="Fairly useful" data-value="4"> <i class="js-rmp-rating-icon rmp-icon rmp-icon--ratings rmp-icon--star "></i> </li> <li class="rmp-rating-widget__icons-list__icon js-rmp-rating-item" data-descriptive-rating="Very useful" data-value="5"> <i class="js-rmp-rating-icon rmp-icon rmp-icon--ratings rmp-icon--star "></i> </li> </ul> </div> <p class="rmp-rating-widget__hover-text js-rmp-hover-text"></p> <button class="rmp-rating-widget__submit-btn rmp-btn js-submit-rating-btn"> Submit Rating </button> <p class="rmp-rating-widget__results js-rmp-results rmp-rating-widget__results--hidden"> Average rating <span class="rmp-rating-widget__results__rating js-rmp-avg-rating">0</span> / 5. Vote count: <span class="rmp-rating-widget__results__votes js-rmp-vote-count">0</span> </p> <p class="rmp-rating-widget__not-rated js-rmp-not-rated "> No votes so far! Be the first to rate this post. </p> <p class="rmp-rating-widget__msg js-rmp-msg"></p> </div> <!--Structured data --> <!-- Feedback widget --> <div class="rmp-feedback-widget js-rmp-feedback-widget"> <p class="rmp-heading rmp-heading--title"> We are sorry that this post was not useful for you! </p> <p class="rmp-heading rmp-heading--subtitle"> Let us improve this post! </p> <div class="rmp-feedback-widget__container"> <p class="rmp-feedback-widget__text"> Tell us how we can improve this post? </p> <textarea class="rmp-feedback-widget__input js-rmp-feedback-input" rows="5" id="feedback-text"></textarea> <button type="button" class="rmp-feedback-widget__btn rmp-btn rmp-btn--large js-rmp-feedback-button"> Submit Feedback </button> <div class="rmp-feedback-widget__loader js-rmp-feedback-loader"> <div></div><div></div><div></div> </div> <p class="rmp-feedback-widget__msg js-rmp-feedback-msg"></p> </div> </div> </div> </div> <div id="tools"> <div style="float:left;"> <!-- removed digg and facebook social buttons from theme --> </div> <div style="float:right;display:block;"></div> </div> </div> <div id="comments"> </div> </div> <div id="sidebar"> <div id="sidebar-ads"> <p class="pic"><a href="//sundstedt.se/blog/"><img itemprop="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20215%20215'%3E%3C/svg%3E" alt="Sundstedt Animation Explainer Video Production Glasgow" title="Sundstedt Animation Logo" width="215px" height="215px" data-lazy-src="https://sundstedt.se/blog/wp-content/images/company-logo/sundstedt-animation-logo-badge.gif" /><noscript><img itemprop="image" src="https://sundstedt.se/blog/wp-content/images/company-logo/sundstedt-animation-logo-badge.gif" alt="Sundstedt Animation Explainer Video Production Glasgow" title="Sundstedt Animation Logo" width="215px" height="215px" /></noscript></a></p> </div> <div id="sidebar-top"> <ul class="zoom-social-icons-list zoom-social-icons-list--with-canvas zoom-social-icons-list--round zoom-social-icons-list--align-center zoom-social-icons-list--no-labels"> <li class="zoom-social_icons-list__item"> <a class="zoom-social_icons-list__link" href="https://www.instagram.com/sundstedtanimation/" target="_blank" title="Instagram" > <span class="screen-reader-text">instagram</span> <span class="zoom-social_icons-list-span social-icon socicon socicon-instagram" data-hover-rule="background-color" data-hover-color="#45baf3" style="background-color : #ad9a67; font-size: 18px; padding:6px" ></span> </a> </li> <li class="zoom-social_icons-list__item"> <a class="zoom-social_icons-list__link" href="https://twitter.com/sundstedt" target="_blank" title="Twitter" > <span class="screen-reader-text">twitter</span> <span class="zoom-social_icons-list-span social-icon socicon socicon-twitter" data-hover-rule="background-color" data-hover-color="#45baf3" style="background-color : #ad9a67; font-size: 18px; padding:6px" ></span> </a> </li> <li class="zoom-social_icons-list__item"> <a class="zoom-social_icons-list__link" href="https://www.facebook.com/SundstedtAnimation" target="_blank" title="Facebook" > <span class="screen-reader-text">facebook</span> <span class="zoom-social_icons-list-span social-icon socicon socicon-facebook" data-hover-rule="background-color" data-hover-color="#45baf3" style="background-color : #ad9a67; font-size: 18px; padding:6px" ></span> </a> </li> <li class="zoom-social_icons-list__item"> <a class="zoom-social_icons-list__link" href="https://vimeo.com/sundstedt" target="_blank" title="Default Label" > <span class="screen-reader-text">vimeo</span> <span class="zoom-social_icons-list-span social-icon socicon socicon-vimeo" data-hover-rule="background-color" data-hover-color="#45baf3" style="background-color : #ad9a67; font-size: 18px; padding:6px" ></span> </a> </li> <li class="zoom-social_icons-list__item"> <a class="zoom-social_icons-list__link" href="https://www.linkedin.com/company/sundstedt" target="_blank" title="Default Label" > <span class="screen-reader-text">linkedin</span> <span class="zoom-social_icons-list-span social-icon socicon socicon-linkedin" data-hover-rule="background-color" data-hover-color="#45baf3" style="background-color : #ad9a67; font-size: 18px; padding:6px" ></span> </a> </li> <li class="zoom-social_icons-list__item"> <a class="zoom-social_icons-list__link" href="https://www.youtube.com/user/SundstedtAnimation" target="_blank" title="Default Label" > <span class="screen-reader-text">youtube</span> <span class="zoom-social_icons-list-span social-icon socicon socicon-youtube" data-hover-rule="background-color" data-hover-color="#45baf3" style="background-color : #ad9a67; font-size: 18px; padding:6px" ></span> </a> </li> <li class="zoom-social_icons-list__item"> <a class="zoom-social_icons-list__link" href="https://www.pinterest.co.uk/sundstedt" target="_blank" title="Default Label" > <span class="screen-reader-text">pinterest</span> <span class="zoom-social_icons-list-span social-icon socicon socicon-pinterest" data-hover-rule="background-color" data-hover-color="#45baf3" style="background-color : #ad9a67; font-size: 18px; padding:6px" ></span> </a> </li> </ul> </div> <div id="sidebar-middle" class="clearfloat"> <div id="sidebar-left"> <div class="textwidget custom-html-widget"><a href="//sundstedt.se/blog/services/animated-music-video-production"><p class="leadbutton">Music Video</p></a></div><div class="textwidget custom-html-widget"><a href="//sundstedt.se/blog/services/lyric-video-production-service/"><p class="leadbutton">Lyric Video</p></a></div><div class="textwidget custom-html-widget"><a href="//sundstedt.se/blog/services/animated-illustration/"><p class="leadbutton">Animated Loop</p></a></div><div class="textwidget custom-html-widget"><a href="//sundstedt.se/blog/services/video-skin-retouch/"><p class="leadbutton">Skin Retouch</p></a></div><div class="textwidget custom-html-widget"><a href="//sundstedt.se/blog/services/book-trailer-video/"><p class="leadbutton">Book Trailer</p></a></div><div class="textwidget custom-html-widget"><a href="//sundstedt.se/blog/services/title-sequence-design/"><p class="leadbutton">Title Sequence</p></a></div> <ul></ul> </div> <div id="sidebar-right"> <div class="textwidget custom-html-widget"><a href="//sundstedt.se/blog/contact/"><p class="leadbutton_gold">Free Quote</p></a> </div><div class="textwidget custom-html-widget"><a href="//sundstedt.se/blog/services/explainer-video"><p class="leadbutton">Explainer Video</p></a></div><div class="textwidget custom-html-widget"><a href="//sundstedt.se/blog/services/whiteboard-animation/"><p class="leadbutton">Whiteboard</p></a></div><div class="textwidget custom-html-widget"><a href="//sundstedt.se/blog/services/healthcare-biotech-medical-pharmaceutical-animation"><p class="leadbutton">Healthcare</p></a></div><div class="textwidget custom-html-widget"><a href="//sundstedt.se/blog/services/2-5d-parallax-photo-effect-online/"><p class="leadbutton">Parallax Video</p></a></div><div class="textwidget custom-html-widget"><a href="//sundstedt.se/blog/services/"><p class="leadbutton">Services</p></a></div> </div> </div> <div id="sidebar-bottom"> <img width="590" height="590" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20590%20590'%3E%3C/svg%3E" class="image wp-image-45122 attachment-large size-large" alt="Testimonial Side Banner Sundstedt Animation" decoding="async" style="max-width: 100%; height: auto;" data-lazy-srcset="https://sundstedt.se/blog/wp-content/uploads/2019/10/Testimonial-Banner-Sundstedt-Animation-4-white-590x590.png 590w, https://sundstedt.se/blog/wp-content/uploads/2019/10/Testimonial-Banner-Sundstedt-Animation-4-white-300x300.png 300w, https://sundstedt.se/blog/wp-content/uploads/2019/10/Testimonial-Banner-Sundstedt-Animation-4-white-150x150.png 150w, https://sundstedt.se/blog/wp-content/uploads/2019/10/Testimonial-Banner-Sundstedt-Animation-4-white-768x768.png 768w, https://sundstedt.se/blog/wp-content/uploads/2019/10/Testimonial-Banner-Sundstedt-Animation-4-white-144x144.png 144w, https://sundstedt.se/blog/wp-content/uploads/2019/10/Testimonial-Banner-Sundstedt-Animation-4-white.png 1080w" data-lazy-sizes="(max-width: 590px) 100vw, 590px" data-lazy-src="https://sundstedt.se/blog/wp-content/uploads/2019/10/Testimonial-Banner-Sundstedt-Animation-4-white-590x590.png" /><noscript><img width="590" height="590" src="https://sundstedt.se/blog/wp-content/uploads/2019/10/Testimonial-Banner-Sundstedt-Animation-4-white-590x590.png" class="image wp-image-45122 attachment-large size-large" alt="Testimonial Side Banner Sundstedt Animation" decoding="async" style="max-width: 100%; height: auto;" srcset="https://sundstedt.se/blog/wp-content/uploads/2019/10/Testimonial-Banner-Sundstedt-Animation-4-white-590x590.png 590w, https://sundstedt.se/blog/wp-content/uploads/2019/10/Testimonial-Banner-Sundstedt-Animation-4-white-300x300.png 300w, https://sundstedt.se/blog/wp-content/uploads/2019/10/Testimonial-Banner-Sundstedt-Animation-4-white-150x150.png 150w, https://sundstedt.se/blog/wp-content/uploads/2019/10/Testimonial-Banner-Sundstedt-Animation-4-white-768x768.png 768w, https://sundstedt.se/blog/wp-content/uploads/2019/10/Testimonial-Banner-Sundstedt-Animation-4-white-144x144.png 144w, https://sundstedt.se/blog/wp-content/uploads/2019/10/Testimonial-Banner-Sundstedt-Animation-4-white.png 1080w" sizes="(max-width: 590px) 100vw, 590px" /></noscript> </div> </div></div> <div id="front-popular" class="clearfloat"><div id="recentpost" class="clearfloat"><h3>Follow us around the web</h3> <div class="textwidget"><p><a href="http://feeds.feedburner.com/sundstedt" target="_blank" rel="noopener"><img decoding="async" class="social-icon" title="RSS" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3C/svg%3E" alt="RSS Feed" width="32" height="32" data-lazy-src="//sundstedt.se/blog/wp-content/themes/arthemia/images/icons/simple/32/rss-icon.png" /><noscript><img decoding="async" class="social-icon" title="RSS" src="//sundstedt.se/blog/wp-content/themes/arthemia/images/icons/simple/32/rss-icon.png" alt="RSS Feed" width="32" height="32" /></noscript></a><a href="https://twitter.com/sundstedt" target="_blank" rel="noopener"><img decoding="async" class="social-icon" title="Follow us on Twitter" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3C/svg%3E" alt="Our Twitter Profile" width="32" height="32" data-lazy-src="//sundstedt.se/blog/wp-content/themes/arthemia/images/icons/simple/32/twitter-icon.png" /><noscript><img decoding="async" class="social-icon" title="Follow us on Twitter" src="//sundstedt.se/blog/wp-content/themes/arthemia/images/icons/simple/32/twitter-icon.png" alt="Our Twitter Profile" width="32" height="32" /></noscript></a><a href="https://www.facebook.com/SundstedtAnimation" target="_blank" rel="noopener"><img decoding="async" class="social-icon" title="Follow us on Facebook" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3C/svg%3E" alt="Our Facebook page" width="32" height="32" data-lazy-src="//sundstedt.se/blog/wp-content/themes/arthemia/images/icons/simple/32/facebook-icon.png" /><noscript><img decoding="async" class="social-icon" title="Follow us on Facebook" src="//sundstedt.se/blog/wp-content/themes/arthemia/images/icons/simple/32/facebook-icon.png" alt="Our Facebook page" width="32" height="32" /></noscript></a><a href="https://www.instagram.com/sundstedtanimation/"><img decoding="async" class="social-icon" title="Follow us on Instagram!" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3C/svg%3E" alt="Instagram follow Us!" width="32" height="32" data-lazy-src="//sundstedt.se/blog/wp-content/themes/arthemia/images/icons/simple/32/instagram-square-32-Sundstedt Animation.png" /><noscript><img decoding="async" class="social-icon" title="Follow us on Instagram!" src="//sundstedt.se/blog/wp-content/themes/arthemia/images/icons/simple/32/instagram-square-32-Sundstedt Animation.png" alt="Instagram follow Us!" width="32" height="32" /></noscript></a><a href="https://www.linkedin.com/company/sundstedt" target="_blank" rel="noopener"><img decoding="async" class="social-icon" title="Follow us on LinkedIn" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3C/svg%3E" alt="Our LinkedIn Page" width="32" height="32" data-lazy-src="//sundstedt.se/blog/wp-content/themes/arthemia/images/icons/simple/32/linkedin-icon.png" /><noscript><img decoding="async" class="social-icon" title="Follow us on LinkedIn" src="//sundstedt.se/blog/wp-content/themes/arthemia/images/icons/simple/32/linkedin-icon.png" alt="Our LinkedIn Page" width="32" height="32" /></noscript></a><a href="https://vimeo.com/sundstedt"><img decoding="async" class="social-icon" title="Follow us on Vimeo!" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3C/svg%3E" alt="Our Vimeo Page" width="32" height="32" data-lazy-src="//sundstedt.se/blog/wp-content/themes/arthemia/images/icons/simple/32/vimeo-icon.png" /><noscript><img decoding="async" class="social-icon" title="Follow us on Vimeo!" src="//sundstedt.se/blog/wp-content/themes/arthemia/images/icons/simple/32/vimeo-icon.png" alt="Our Vimeo Page" width="32" height="32" /></noscript></a><a href="https://www.youtube.com/user/SundstedtAnimation"><img decoding="async" class="social-icon" title="Follow us on YouTube" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3C/svg%3E" alt="Our YouTube Page" width="32" height="32" data-lazy-src="//sundstedt.se/blog/wp-content/themes/arthemia/images/icons/simple/32/youtube-icon.png" /><noscript><img decoding="async" class="social-icon" title="Follow us on YouTube" src="//sundstedt.se/blog/wp-content/themes/arthemia/images/icons/simple/32/youtube-icon.png" alt="Our YouTube Page" width="32" height="32" /></noscript></a></p> <p class="footerwidget" style="color: #dcdcdc; font-weight: 500; letter-spacing: 1px; font-size: 16px; line-height: 1.5em; margin-bottom: 20px; margin: 0px; padding: 0px; border: 0px none; vertical-align: baseline;"><a href="tel:+44(0)7531800711">+44 7531 800 711</a><br /> Sundstedt Animation<br /> 22 Auldlea Gardens<br /> Beith KA15 2EP<br /> Scotland, UK</p> <p><a href="//sundstedt.se/blog/contact"><span style="font-size: 16px; font-weight: 500; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;">Contact Us</span></a><br /> <a href="//sundstedt.se/blog/services"><span style="font-size: 16px; font-weight: 500; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;">Capabilities</span><br /> </a><a href="//sundstedt.se/blog/faq"><span style="font-size: 16px; font-weight: 500; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;">FAQ</span></a><a href="//sundstedt.se/blog/services"><br /> </a><a href="//sundstedt.se/blog/about/clients/"><span style="font-size: 16px; font-weight: 500; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;">Clients</span></a></p> </div> </div> <div id="mostcommented" class="clearfloat"> <h3>About Us</h3> <div class="textwidget"><p class="footerwidget" style="color: #dcdcdc; font-weight: 500; letter-spacing: 1px; font-size: 16px; line-height: 2em; margin-bottom: 32px;">Sundstedt Animation proudly builds handcrafted animated explainer videos and demo videos near Glasgow, Scotland.</p> <p class="footerwidget" style="color: #dcdcdc; font-weight: 500; letter-spacing: 1px; font-size: 16px; line-height: 2em; margin-bottom: 20px;">Are you looking for an explainer video that tells your company’s story and gets your customers to take action? Then let’s work together! Turn ideas into reality.</p> </div> </div><div id="recent_comments" class="clearfloat"><h3>Popular</h3><p class="footerwidget"><a href="//sundstedt.se/blog/posts"><span style="font-size: 16px; font-weight:500; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;">Video Blog</span></a><br> <a href="//sundstedt.se/blog/portfolio"><span style="font-size: 16px; font-weight:500; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;">Our Work</span></a><br> <a href="//sundstedt.se/blog/services/what-is-explainer-video"><span style="font-size: 16px; font-weight:500; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;">Explainer Videos</span></a><br> <a href="//sundstedt.se/blog/services/animated-music-video"><span style="font-size: 16px; font-weight:500; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;">Animated Music Videos</span></a><br> <a href="//sundstedt.se/blog/services/2-5d-parallax-3d-effect-animated-photo-video-service"><span style="font-size: 16px; font-weight:500; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;">2.5D Parallax Photo Effect</span></a><br> <a href="//sundstedt.se/blog/services/healthcare-biotech-medical-pharmaceutical-animation"><span style="font-size: 16px; font-weight:500; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;">Medical Animations</span></a><br> <a href="//sundstedt.se/blog/services/whiteboard-animation"><span style="font-size: 16px; font-weight:500; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;">Whiteboard Animations</span></a><br> <a href="//sundstedt.se/blog/services/corporate-video-production"><span style="font-size: 16px; font-weight:500; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;">Corporate Videos</span></a><br> <a href="//sundstedt.se/blog/services/process"><span style="font-size: 16px; font-weight:500; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;">Production Process</span></a><br> <a href="//sundstedt.se/blog/testimonials"><span style="font-size: 16px; font-weight:500; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;">Testimonials</span></a></p> </div></div> <div id="footer"><div style="font-size: 10px;"><span style="color:#777"><a href="//sundstedt.se/blog">HOME </a>|<a href="//sundstedt.se/blog/about"> ABOUT </a>| <a href="//sundstedt.se/blog/portfolio">ANIMATION PORTFOLIO </a>|<a href="//sundstedt.se/blog/services"> SERVICES </a>|<a href="//sundstedt.se/blog/posts"> BLOG </a>|<a href="//sundstedt.se/blog/about/process"> PROCESS </a>|<a href="//sundstedt.se/blog/contact"> CONTACT </a>|<a href="//sundstedt.se/blog/services/explainer-video"> EXPLAINER VIDEOS </a>|<a href="//sundstedt.se/blog/services/animated-music-video"> ANIMATED MUSIC VIDEOS </a>|<a href="//sundstedt.us5.list-manage.com/subscribe?u=6cae3944f5de6a63ee303f8bc&id=60009e21ac"> NEWSLETTER </a>|<a href="//sundstedt.se/blog/testimonials"> TESTIMONIALS </a>|<a href="//sundstedt.se/blog/services/healthcare-biotech-medical-pharmaceutical-animation"> BIOTECH ANIMATION </a>|<a href="//sundstedt.se/blog/services/corporate-video-production"> CORPORATE VIDEOS </a>|<a href="//sundstedt.se/blog/services/whiteboard-animation"> WHITEBOARD VIDEOS </a>|<a href="//sundstedt.se/blog/services/videoscribe"> VIDEOSCRIBE VIDEOS </a>|<a href="//sundstedt.se/blog/services/faq"> FAQ </a>|<a href="//sundstedt.se/blog/about/awards"> AWARDS </a>|<a href="//sundstedt.se/blog/terms-and-conditions"> TERMS & CONDITIONS </a>|<a href="//sundstedt.se/blog/sitemap"> SITEMAP </a>| <a href="https://sketchmypicture.com/"> SKETCHMYPICTURE.COM </a>|<br>©2024 Sundstedt® Animation - Animated Video Production | Illustration | Glasgow, Scotland, UK. Sundstedt® is the registered trademark of Anders Sundstedt.<br>Content is copyright of Anders Sundstedt trading as Sundstedt® Animation & respective clients. Content not to be edited or used for any purposes without permission. </span><p></div></div><div class="simple-banner simple-banner-text" style="display:none !important"></div> <!--Start of Tawk.to Script (0.8.5)--> <script id="tawk-script" type="text/javascript"> var Tawk_API = Tawk_API || {}; var Tawk_LoadStart=new Date(); (function(){ var s1 = document.createElement( 'script' ),s0=document.getElementsByTagName( 'script' )[0]; s1.async = true; s1.src = 'https://embed.tawk.to/5628c6e49c915fd2294cb7fb/default'; s1.charset = 'UTF-8'; s1.setAttribute( 'crossorigin','*' ); s0.parentNode.insertBefore( s1, s0 ); })(); </script> <!--End of Tawk.to Script (0.8.5)--> <div class="protect_contents-overlay"></div><div class="protect_alert"><span class="protect_alert_word" style="color:black;">Don`t copy text!</span></div><!-- Powered by WPtouch Pro: 4.3.12 --><style id='core-block-supports-inline-css' type='text/css'> /** * Core styles: block-supports */ </style> <script type='text/javascript' id='rate-my-post-js-extra'> /* <![CDATA[ */ var rmp_frontend = {"admin_ajax":"https:\/\/sundstedt.se\/blog\/wp-admin\/admin-ajax.php","postID":"2491","noVotes":"No votes so far! Be the first to rate this post.","cookie":"You already voted! This vote will not be counted!","afterVote":"Thank you for rating this post!","notShowRating":"1","social":"1","feedback":"2","cookieDisable":"1","emptyFeedback":"Please insert your feedback in the box above!","hoverTexts":"2","preventAccidental":"2","grecaptcha":"1","siteKey":"","votingPriv":"1","loggedIn":"","positiveThreshold":"2","ajaxLoad":"1","disableClearCache":"1","nonce":"a8400949d0"}; /* ]]> */ </script> <script type='text/javascript' src='https://sundstedt.se/blog/wp-content/plugins/rate-my-post/public/js/rate-my-post.min.js' id='rate-my-post-js' defer></script> <script data-minify="1" type='text/javascript' src='https://sundstedt.se/blog/wp-content/cache/min/1/blog/wp-content/plugins/twenty20/assets/js/jquery.twenty20.js?ver=1721771357' id='twenty20-js'></script> <script data-minify="1" type='text/javascript' src='https://sundstedt.se/blog/wp-content/cache/min/1/blog/wp-content/plugins/twenty20/assets/js/jquery.event.move.js?ver=1721771357' id='twenty20-eventmove-js' defer></script> <script id="rocket-browser-checker-js-after" type="text/javascript"> class RocketBrowserCompatibilityChecker { constructor( options ) { this.passiveSupported = false; this._checkPassiveOption( this ); this.options = this.passiveSupported ? options : false; } /** * Initializes browser check for addEventListener passive option. * * @link https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#Safely_detecting_option_support * @private * * @param self Instance of this object. * @returns {boolean} */ _checkPassiveOption( self ) { try { const options = { // This function will be called when the browser attempts to access the passive property. get passive() { self.passiveSupported = true; return false; } }; window.addEventListener( 'test', null, options ); window.removeEventListener( 'test', null, options ); } catch ( err ) { self.passiveSupported = false; } } /** * Checks if the browser supports requestIdleCallback and cancelIdleCallback. If no, shims its behavior with a polyfills. * * @link @link https://developers.google.com/web/updates/2015/08/using-requestidlecallback */ initRequestIdleCallback() { if ( ! 'requestIdleCallback' in window ) { window.requestIdleCallback = ( cb ) => { const start = Date.now(); return setTimeout( () => { cb( { didTimeout: false, timeRemaining: function timeRemaining() { return Math.max( 0, 50 - ( Date.now() - start ) ); } } ); }, 1 ); }; } if ( ! 'cancelIdleCallback' in window ) { window.cancelIdleCallback = ( id ) => clearTimeout( id ); } } /** * Detects if data saver mode is on. * * @link https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/save-data/#detecting_the_save-data_setting * * @returns {boolean|boolean} */ isDataSaverModeOn() { return ( 'connection' in navigator && true === navigator.connection.saveData ); } /** * Checks if the browser supports link prefetch. * * @returns {boolean|boolean} */ supportsLinkPrefetch() { const elem = document.createElement( 'link' ); return ( elem.relList && elem.relList.supports && elem.relList.supports( 'prefetch' ) && window.IntersectionObserver && 'isIntersecting' in IntersectionObserverEntry.prototype ); } isSlowConnection() { return ( 'connection' in navigator && 'effectiveType' in navigator.connection && ( '2g' === navigator.connection.effectiveType || 'slow-2g' === navigator.connection.effectiveType ) ) } } </script> <script type='text/javascript' id='rocket-preload-links-js-extra'> /* <![CDATA[ */ var RocketPreloadLinksConfig = {"excludeUris":"\/blog(\/pricing\/online-quick-estimate|\/60-second-pricing-example-options|\/test-new-services-accordion\/|\/testing\/|\/contact\/|\/calculator\/|\/test\/|\/shop\/|\/animated-music-video-estimated-ranges\/|\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$))|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/sundstedt.se\/blog","onHoverDelay":"100","rateThrottle":"3"}; /* ]]> */ </script> <script id="rocket-preload-links-js-after" type="text/javascript"> class RocketPreloadLinks { constructor( browser, config ) { this.browser = browser; this.config = config; this.options = this.browser.options; this.prefetched = new Set; this.eventTime = null; this.threshold = 1111; this.numOnHover = 0; } /** * Initializes the handler. */ init() { if ( ! this.browser.supportsLinkPrefetch() || this.browser.isDataSaverModeOn() || this.browser.isSlowConnection() ) { return; } this.regex = { excludeUris: RegExp( this.config.excludeUris, 'i' ), images: RegExp( '.(' + this.config.imageExt + ')$', 'i' ), fileExt: RegExp( '.(' + this.config.fileExt + ')$', 'i' ) }; this._initListeners( this ); } /** * Initializes the event listeners. * * @private * * @param self instance of this object, used for binding "this" to the listeners. */ _initListeners( self ) { // Setting onHoverDelay to -1 disables the "on-hover" feature. if ( this.config.onHoverDelay > -1 ) { document.addEventListener( 'mouseover', self.listener.bind( self ), self.listenerOptions ); } document.addEventListener( 'mousedown', self.listener.bind( self ), self.listenerOptions ); document.addEventListener( 'touchstart', self.listener.bind( self ), self.listenerOptions ); } /** * Event listener. Processes when near or on a valid <a> hyperlink. * * @param Event event Event instance. */ listener( event ) { const linkElem = event.target.closest( 'a' ); const url = this._prepareUrl( linkElem ); if ( null === url ) { return; } switch ( event.type ) { case 'mousedown': case 'touchstart': this._addPrefetchLink( url ); break; case 'mouseover': this._earlyPrefetch( linkElem, url, 'mouseout' ); } } /** * * @private * * @param Element|null linkElem * @param object url * @param string resetEvent */ _earlyPrefetch( linkElem, url, resetEvent ) { const doPrefetch = () => { falseTrigger = null; // Start the rate throttle: 1 sec timeout. if ( 0 === this.numOnHover ) { setTimeout( () => this.numOnHover = 0, 1000 ); } // Bail out when exceeding the rate throttle. else if ( this.numOnHover > this.config.rateThrottle ) { return; } this.numOnHover++; this._addPrefetchLink( url ); }; // Delay to avoid false triggers for hover/touch/tap. let falseTrigger = setTimeout( doPrefetch, this.config.onHoverDelay ); // On reset event, reset the false trigger timer. const reset = () => { linkElem.removeEventListener( resetEvent, reset, { passive: true } ); if ( null === falseTrigger ) { return; } clearTimeout( falseTrigger ); falseTrigger = null; }; linkElem.addEventListener( resetEvent, reset, { passive: true } ); } /** * Adds a <link rel="prefetch" href="<url>"> for the given URL. * * @param string url The Given URL to prefetch. */ _addPrefetchLink( url ) { this.prefetched.add( url.href ); return new Promise( ( resolve, reject ) => { const elem = document.createElement( 'link' ); elem.rel = 'prefetch'; elem.href = url.href; elem.onload = resolve; elem.onerror = reject; document.head.appendChild( elem ); } ).catch(() => { // ignore and continue. }); } /** * Prepares the target link's URL. * * @private * * @param Element|null linkElem Instance of the link element. * @returns {null|*} */ _prepareUrl( linkElem ) { if ( null === linkElem || typeof linkElem !== 'object' || ! 'href' in linkElem || // Link prefetching only works on http/https protocol. [ 'http:', 'https:' ].indexOf( linkElem.protocol ) === -1 ) { return null; } const origin = linkElem.href.substring( 0, this.config.siteUrl.length ); const pathname = this._getPathname( linkElem.href, origin ); const url = { original: linkElem.href, protocol: linkElem.protocol, origin: origin, pathname: pathname, href: origin + pathname }; return this._isLinkOk( url ) ? url : null; } /** * Gets the URL's pathname. Note: ensures the pathname matches the permalink structure. * * @private * * @param object url Instance of the URL. * @param string origin The target link href's origin. * @returns {string} */ _getPathname( url, origin ) { let pathname = origin ? url.substring( this.config.siteUrl.length ) : url; if ( ! pathname.startsWith( '/' ) ) { pathname = '/' + pathname; } if ( this._shouldAddTrailingSlash( pathname ) ) { return pathname + '/'; } return pathname; } _shouldAddTrailingSlash( pathname ) { return ( this.config.usesTrailingSlash && ! pathname.endsWith( '/' ) && ! this.regex.fileExt.test( pathname ) ); } /** * Checks if the given link element is okay to process. * * @private * * @param object url URL parts object. * * @returns {boolean} */ _isLinkOk( url ) { if ( null === url || typeof url !== 'object' ) { return false; } return ( ! this.prefetched.has( url.href ) && url.origin === this.config.siteUrl // is an internal document. && url.href.indexOf( '?' ) === -1 // not a query string. && url.href.indexOf( '#' ) === -1 // not an anchor. && ! this.regex.excludeUris.test( url.href ) // not excluded. && ! this.regex.images.test( url.href ) // not an image. ); } /** * Named static constructor to encapsulate how to create the object. */ static run() { // Bail out if the configuration not passed from the server. if ( typeof RocketPreloadLinksConfig === 'undefined' ) { return; } const browser = new RocketBrowserCompatibilityChecker( { capture: true, passive: true } ); const instance = new RocketPreloadLinks( browser, RocketPreloadLinksConfig ); instance.init(); } } RocketPreloadLinks.run(); </script> <script data-minify="1" type='text/javascript' src='https://sundstedt.se/blog/wp-content/cache/min/1/blog/wp-content/plugins/social-icons-widget-by-wpzoom/assets/js/social-icons-widget-frontend.js?ver=1721771357' id='zoom-social-icons-widget-frontend-js' defer></script> <script type="text/javascript"> jQuery.noConflict(); ( function ( $ ) { $( function () { $( "area[href*=\\#],a[href*=\\#]:not([href=\\#]):not([href^='\\#tab']):not([href^='\\#quicktab']):not([href^='\\#pane'])" ).click( function () { if ( location.pathname.replace( /^\//, '' ) == this.pathname.replace( /^\//, '' ) && location.hostname == this.hostname ) { var target = $( this.hash ); target = target.length ? target : $( '[name=' + this.hash.slice( 1 ) + ']' ); if ( target.length ) { $( 'html,body' ).animate( { scrollTop: target.offset().top - 100 },1350 , 'easeInOutExpo' ); return false; } } } ); } ); } )( jQuery ); </script> <script>window.lazyLoadOptions = [{ elements_selector: "img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]", data_src: "lazy-src", data_srcset: "lazy-srcset", data_sizes: "lazy-sizes", class_loading: "lazyloading", class_loaded: "lazyloaded", threshold: 300, callback_loaded: function(element) { if ( element.tagName === "IFRAME" && element.dataset.rocketLazyload == "fitvidscompatible" ) { if (element.classList.contains("lazyloaded") ) { if (typeof window.jQuery != "undefined") { if (jQuery.fn.fitVids) { jQuery(element).parent().fitVids(); } } } } }},{ elements_selector: ".rocket-lazyload", data_src: "lazy-src", data_srcset: "lazy-srcset", data_sizes: "lazy-sizes", class_loading: "lazyloading", class_loaded: "lazyloaded", threshold: 300, }]; window.addEventListener('LazyLoad::Initialized', function (e) { var lazyLoadInstance = e.detail.instance; if (window.MutationObserver) { var observer = new MutationObserver(function(mutations) { var image_count = 0; var iframe_count = 0; var rocketlazy_count = 0; mutations.forEach(function(mutation) { for (var i = 0; i < mutation.addedNodes.length; i++) { if (typeof mutation.addedNodes[i].getElementsByTagName !== 'function') { continue; } if (typeof mutation.addedNodes[i].getElementsByClassName !== 'function') { continue; } images = mutation.addedNodes[i].getElementsByTagName('img'); is_image = mutation.addedNodes[i].tagName == "IMG"; iframes = mutation.addedNodes[i].getElementsByTagName('iframe'); is_iframe = mutation.addedNodes[i].tagName == "IFRAME"; rocket_lazy = mutation.addedNodes[i].getElementsByClassName('rocket-lazyload'); image_count += images.length; iframe_count += iframes.length; rocketlazy_count += rocket_lazy.length; if(is_image){ image_count += 1; } if(is_iframe){ iframe_count += 1; } } } ); if(image_count > 0 || iframe_count > 0 || rocketlazy_count > 0){ lazyLoadInstance.update(); } } ); var b = document.getElementsByTagName("body")[0]; var config = { childList: true, subtree: true }; observer.observe(b, config); } }, false);</script><script data-no-minify="1" async src="http://sundstedt.se/blog/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.js"></script><script>var rocket_lcp_data = {"ajax_url":"https:\/\/sundstedt.se\/blog\/wp-admin\/admin-ajax.php","nonce":"e10def4ea4","url":"https:\/\/sundstedt.se\/blog\/video-intersecting-vfx","is_mobile":false,"elements":"img, video, picture, p, main, div, li, svg","width_threshold":1600,"height_threshold":700,"debug":null}</script><script data-name="wpr-lcp-beacon" src='http://sundstedt.se/blog/wp-content/plugins/wp-rocket/assets/js/lcp-beacon.js' async></script></body></html> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me --><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
