Live Online Classes in Design, Coding & AI — Small Classes, Free Retakes
Get 20% off all career paths from fullstack to AI
Overview
Google, IBM & Meta Certificates – 40% Off
One plan covers every Professional Certificate on Coursera.
Unlock All Certificates
Learn how to recreate a famous neumorphic logo design using SVG filters in this 23-minute tutorial. Explore techniques for creating shadows, inner glows, and blurs on SVG elements, as these effects cannot be achieved with CSS properties alone. Dive into SVG graphics, gradients, and filters to master the neumorphic style. Follow along step-by-step to create box shadows, add linear and radial gradients, and apply various SVG filters to achieve the desired neumorphic effect. Gain valuable insights into advanced SVG techniques and enhance your design skills for creating modern, stylish logos.
Syllabus
Intro
Sponsor
Box Shadow
SVG Graphic
Adding a Gradient
Radial Gradient
CSS
Radial Gradients
Inline CSS
Filters
Outro
Taught by
DesignCourse