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
And again a step forward on the Glass Road ( actually that is a specific region in Bayern - Germany where you find all kind of Glass Art. Been there last summer )
Well a sample showing dynamic interactive GlassMorphism.
https://360.articulate.com/review/content/015a69df-0097-43af-8855-e9ff82ba1f16/review
In this sample here you can change the bluramount, then click 'Change Filter' and the transparant panel on top can be dragged around... so you can see this is indeed completely dynamic. Try changing the value again and you will see it updates nice.
In fact this solution uses CSS instead of HTML-filters. A lot easier to use,but also more limited.
For now i couldnot find a solution to animate this...or set hBlur and vBlur to separate values..as you can do with real HTML filters..
i am gonna add this to my GlassMorphism Rise course too later on.
Well a sample showing dynamic interactive GlassMorphism.
https://360.articulate.com/review/content/015a69df-0097-43af-8855-e9ff82ba1f16/review
In this sample here you can change the bluramount, then click 'Change Filter' and the transparant panel on top can be dragged around... so you can see this is indeed completely dynamic. Try changing the value again and you will see it updates nice.
In fact this solution uses CSS instead of HTML-filters. A lot easier to use,but also more limited.
For now i couldnot find a solution to animate this...or set hBlur and vBlur to separate values..as you can do with real HTML filters..
i am gonna add this to my GlassMorphism Rise course too later on.
Very cool! Thanks for sharing with us.