025 CSS3 공부 (4) transform, filter

Daily Study/Web Dev 2021.03.05

translate matrix rotate scale 1 2 3 4 5 6 XYZ 축을 활용해서 transform으로 만든 3d 애니메이션 움짤은 좀 끊기는데 실제로 보면 너무 부드러워서 좀 충격적이었다. blur brightness contrast drop-shadow hue-rotate grayscale invert opacity sepia filter효과 9가지 굳이 포토샵이나 일러 안거치고 css에서 바로 어느정도 편집이 가능하고 일단 결과물의 차이도 없고 훨씬 가볍다. 확실히 인터랙션이 가능한 영역으로 오니까 좀 더 와닿고 어떻게 써야될지 내가 전에 xd로 노가다하던 것들을 어떻게 표현해야될지 좀 감이 온다. 그리고 놀랍게도 너무너무너무너무너무 가볍고 부드러워서 충격적이다. 확실히 인터랙션이 생..