Glassmorphism Design in E-Learning #310: Challenge | Recap
It's a new year, and that means new design trends. In a recent challenge, we looked using the 2021 Pantone Color of the Year in e...
Published 4 years ago
Version 1.0
Blog Post
Next step in my journey on the GlassMorphism road. Got the backdrop-filter now working...thus achieving a real GlassMorphism look and feel. Will add how to get this done in my workflow-tutorial in Rise i showed before... but for now here is it in its current state.
https://360.articulate.com/review/content/87aff529-db25-4fcd-b72d-e708315baa34/review
If you click change filter... the transparant element on top will blur the background where it overlaps.
What i have to figure out next are the specifics...how to use this filter exactly. But work calling now first. Will update when i got all perfectly figured out.
To show it is dynamic and when moving your image or shape...all underlying elements will blur.. i added a section 'backdrop Filter' in the Rise course. Inthere you now can test that on Review and see the video to see its really dynamic.
https://360.articulate.com/review/content/5664589a-514f-4b18-8c41-c2abeaf19a0a/review
https://360.articulate.com/review/content/87aff529-db25-4fcd-b72d-e708315baa34/review
If you click change filter... the transparant element on top will blur the background where it overlaps.
What i have to figure out next are the specifics...how to use this filter exactly. But work calling now first. Will update when i got all perfectly figured out.
To show it is dynamic and when moving your image or shape...all underlying elements will blur.. i added a section 'backdrop Filter' in the Rise course. Inthere you now can test that on Review and see the video to see its really dynamic.
https://360.articulate.com/review/content/5664589a-514f-4b18-8c41-c2abeaf19a0a/review