Perfect Nested Rounded Corners
If you had to use border-radius for nested elements before, you might have realized something. To make it look aesthetic, the value of the border-radius for the two of them should not be the same.
CSS Transform Guide Part 1
We use the transform feature mostly to create animations and sometimes to reposition certain elements. In this guide, we will examine three different methods of the transform property. These methods are translate, scale and rotate.
SVG Path Commands
M means Move, and indicates the point where we will start drawing. Currently, the Move value is set to 50, 50. The first number indicates the x-axis, and the second number indicates the y-axis. You can play around with the values to see the changes.