Creating unusual shapes is always a fun exercise and a good way to practice your CSS skills. One might argue that SVG is better for this job, but nowadays we have a lot of new CSS tricks that allow us to create shapes with a clean and optimized code. In this article, we are going […]

Frontend Masters is an online learning platform offering  courses on frontend development technologies such as JavaScript, HTML, CSS, React, and Vue.js. Readers can learn about advanced frontend concepts, best practices, and modern development workflows from industry experts. With video lectures, exercises, and real-world projects, Frontend Masters provides  guidance and expertise for mastering frontend development skills.

Frontend Masters

Learn how to create flower shapes using CSS mask and trigonometric functions. Use modern features like mask, trigonometric functions, and CSS variables to create clean and optimized code. Experiment with different shapes and control the size and appearance of the shapes with variables.

Creating Flower Shapes using CSS Mask & Trigonometric Functions