돌돌말아보기1 [css] 모서리 종이 말려지는 효과를 만들어봄. (쏘 이지~) 간단하지만 효과가 좋아보이는 종이 말리는 효과를 줘 보았음. 일단 아래에 결과물을 보면 굉장히 자연스러운 듯. ㅎㅎㅎㅎ 제작방법 ① 일단 이미지를 준비해야 함. 아래와 같이 커져있는 png 이미지 하나를 만듦. ② 만든 이미지를 position으로 띄우고, size를 0으로 줄여야 함. 본인은 transform: scale(0, 0); 으로 줄여놓았음. 이때! 이미지가 왼쪽 위에서 커져야하기 때문에 transform-origin: 0 0; 을 같이 줌. (만약 오른쪽에서 커져야 한다면, transform-origin: 100% 0; 으로 사용하면 되겠죵?) ③ 사이즈를 원래대로! transform: scale(1, 1); 으로 주면 끄읕~ (본인은 animation으로 효과를 만들어 봄) 코드 추천 포스.. 2023. 5. 8. 이전1 1 다음 728x90 반응형