Uncode 2.9.2 introduces new dynamic features for thumbnail animations (Posts module, Media Gallery, and Single Media). With these animations, you can add stunning entry effects like Reveal (with an option for a custom independent background color) and activate internal Parallax for images. These effects will breathe new life into your content, transforming page scrolling into an engaging and immersive experience.

Please find below example pages from our demo site:

• Portfolio Video Shot (Mask and Background Color)
• Creative Architect (Mask and Background Color)
• Portfolio Freelance (Parallax and Zoom)

Thumbnails Mask Animations

The Thumbnail Reveal effect offers a fresh and modern approach to animations, making it an excellent choice for creating dynamic, attention-grabbing layouts for portfolios or online shops. It’s more than just a transition – it’s a way to breathe new life into your content and make your website stand out in a world of static visuals.

To activate navigate to the Animation options, select 'Mask', and adjust the different settings, screenshot .

Custom Background Color

You can also add a personal touch to each thumbnail by manually assigning a dominant background color to your thumbnails. This small yet impactful detail allows you to perfectly align your site’s visual identity with the content it displays.

To assign a dominant color, go to the Media Library, open the image, and in the sidebar options, input the hexadecimal color code you’d like to use, screenshot ;

To extract the dominant color of a photo easily online we suggest the handy TinEye Color Extraction tool that also allows you to enter the URL of an image uploaded to the Media Library.

To activate the visual effect in the Posts, Media Gallery, and Single Media, please navigate to the Animation options, and select 'Animation Background', screenshot .

Note. While there are JavaScript scripts that can automate this process for faster page rendering, we’ve opted for the manual approach to ensure maximum customization. This also guarantees that background colors work seamlessly for videos and images loaded via CDN.

Thumbnails internal Parallax

Now, with the power of Internal Parallax for Featured Images. The subtle, yet striking movement of images as users scroll adds depth to your content and enhances engagement, turning the simple act of browsing into a dynamic journey.

To enable this effect, go to the Blocks tab in the Posts module and Media Gallery, activate the Scroll Animation option, screenshot .