오늘 한 일
transform: perspective(10px) rotateX(-1deg);를 통해서 각도를 눕혀 잔 모양을 구현하여, 색깔 비율을 조절하는 포인터가 올바른 위치를 가리키지 못하게 됨
옆에 preview 바를 하나 만들어 포인터와 잔 구현 위치를 분리시킴
변경 전
변경 후
전에 종이컵 모양의 이미지 png 파일을 위에 덮어 씌운것보다 배경색이나 여러가지를 컨트롤하기 더 쉬워졌으나 이쁜 모양으로 꾸미는건 조건이 조금 더 까다로워 진듯?
개발자 공부 일기😉