Codrops

SVG filters offer powerful effects for web design. The author explores different scroll-triggered filter effects, inspired by the EDITORA website. Traditionally, SVG filters were applied to SVG text, but this experiment uses HTML headings. A demo is available for further exploration. The post encourages readers to experiment with SVG filters and provides additional resources for inspiration.

Scroll-based SVG Filter Animations on Text

A compilation of the most striking and creative website designs from the past few weeks, showcasing innovative and inspirational ideas for web designers.

Inspirational Websites Roundup #64 – Codrops

A portfolio site mirrors personal creativity and must be both visually engaging and functional. Alexandra Murgu's site blends her neo-futuristic, dark-inspired art with practical web design elements. Creating depth using a camera rig, optimizing models for mobile, and close collaboration played key roles. Technologies used include Webflow, Lenis Scroll, Amazon S3, Figma, Cinema4D, and Redshift.

Case Study: Armur—Alexandra Murgu Portfolio

Codrops stands at the forefront of innovation in web design, serving as a boundless source of inspiration and knowledge for designers and developers alike. Through a captivating array of tutorials, demos, and showcases, Codrops invites creatives to embark on a journey of exploration, pushing the boundaries of what's possible in web development. From  CSS techniques and JavaScript animations to immersive user interfaces and experiential storytelling, Codrops empowers designers and developers to unleash their creativity and craft unparalleled digital experiences that captivate and engage audiences.

Best of Codrops — August 2024