The transform CSS property lets you rotate, scale, skew, or translate an element. It modifies the coordinate space of the CSS visual formatting model.
If the property has a value different than none, a stacking context will be created. In that case, the element will act as a containing block for any position: fixed; or position: absolute; elements that it contains.
The transform property may be specified as either the keyword value none or as one or more values. //src from: mdn
공부하다가 transform이라는 porperty에 대해 알게 되었는데 다이나믹하게 도형/이미지의 모양 또는 위치를 변경해줄 수 있는 기능이다. 도형 또는 그림에 큰 역동성을 줄 때 사용하면 좋을 것 같다.
이 property에는 많은 기능들이 있는데 그 중 translate이나 scale이 유용하게 사용 될 수 있을 것 같다.