Forum Discussion
New Tutorial! Create and Control Glassmorphism Effects With JavaScript In Storyline
Hi Heroes,
I'd like to share the latest episode in my Storyline Magic Series on my YouTube channel!
In this episode, we'll delve into 'Glassmorphism'—a modern and powerful design technique that blends translucent surfaces with frosted glass effects. This approach not only enhances the aesthetic of your content but also helps learning designers create depth and establish a clear visual hierarchy.
I’ll show you how to create and control this stunning effect entirely within Articulate Storyline 360. Let me know if you'd enjoy seeing more comprehensive start-to-finish project builds like this in the future!
And see how other Storyline devs are using Glassmorphism here: https://community.articulate.com/blog/e-learning-challenges/using-glassmorphism-designs-in-e-learning-course-development-310/1151525
---
My name's Chris Hodgson, an eLearning developer and software trainer based in the UK. I enjoy creating fun, unique, and engaging online experiences using Articulate software! Connect with me on LinkedIn - https://www.linkedin.com/in/chrishodgson44/
2 Replies
This has been so helpful in my recent content creation, Thank you!
I am trying to create the same effect on two objects at the same time, is there something I am doing wrong?Your selector might not be finding the second shape, but one would need to look at the actual code or project to know. Otherwise it's a bit like a doctor trying to diagnose you over email. 😄
