https://bit.ly/4bTD5zu ? Design & code like me. Use "UI2024" for 25% Off!
-- Today, I'm going to show you the 3 primary methods by which you can get that snazzy liquid glass effect you create in Figma, INTO the browser. Each have their own positives and negatives.
Method 1: Pure CSS
Kevin Powell: https://www.youtube.com/watch?v=dsZ7RN9ItR4
Kevin Powell: https://codepen.io/kevinpowell/pen/XJJwaxG
Method 2: Liquid Glass React
https://github.com/rdev/liquid-glass-react
Method 3: Three.js / Spline 3D (Just remix and copy the asset)
https://app.spline.design/community/file/3cbf0e6a-09c8-4b47-9560-c3ff84130086
0:00 - Liquid Glass in Figma
0:55 - Option 1 - Pure CSS
1:54 - Option 2 - Liquid Glass React
4:01 - Option 3 - Three.js / Spline 3D
6:15 - WRAPPING IT UP!
Let's get started!
#glass #figma
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: http://twitter.com/designcoursecom
Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!