Closed Yang-ah closed 1 year ago
stars 작동 됩니다..! 아래 내용은 강사님이 알려주신 내용 정리한거에용 혹시 공부하시고 싶으신 분들은 참고하시면 좋을것 같아용 :) !!
오류 : star 반쪽이 겹쳐져있었음. 이유 : width : 32px로 모두 동일하게 들어가있음(svg안의 빈 공간까지) 해결 : button의 크기를 줄이기, right class : star => button으로 변경
1)button의 width를 16px(절반)으로 줄인 뒤 2)오른쪽 버튼(오른쪽 별을 가지고 있는)을 Y축으로 -180도 회전=== scale(-1)) 3)별모양이 나오게 됩니다. (다른 각도나 transform을 다르게 줘가면서 테스트 해보는 것 추천)
중요) 버튼 자체를 이동을 시켜야하기 때문에 right 클래스를 별자체가 아닌 버튼에 줘야함.
stars 작동 됩니다..! 아래 내용은 강사님이 알려주신 내용 정리한거에용 혹시 공부하시고 싶으신 분들은 참고하시면 좋을것 같아용 :) !!
오류 : star 반쪽이 겹쳐져있었음. 이유 : width : 32px로 모두 동일하게 들어가있음(svg안의 빈 공간까지) 해결 : button의 크기를 줄이기, right class : star => button으로 변경
1)button의 width를 16px(절반)으로 줄인 뒤 2)오른쪽 버튼(오른쪽 별을 가지고 있는)을 Y축으로 -180도 회전=== scale(-1)) 3)별모양이 나오게 됩니다. (다른 각도나 transform을 다르게 줘가면서 테스트 해보는 것 추천)
중요) 버튼 자체를 이동을 시켜야하기 때문에 right 클래스를 별자체가 아닌 버튼에 줘야함.