chlip-path
-
8일차 + a ~ (계산기 목업)코드스테이츠 2022. 10. 31. 22:49
토요일부터 강행된 육각형 계산기 목업 만들기가 오늘 끝났다... 정말 시간가는줄 모르고 했던거 같다...스터디 하시는 분들께 칭찬받아서 기분이 너무 좋았다. 내일은 작동하는거 구현이라고 하셨는데 두렵지만 더 열심히 해야겠다! 이번에 만드는 것은 디자이너 Alexandre Touguet의 Honeycomb Calculator이다. 육각형 계산기 목업의 핵심은 육각형을 만드는 것이었다. 첫번째 참고한 내용은 chlip-path 속성을 사용한 것으로 코딩 블로그(https://merrily-code.tistory.com/130)를 참고하였다. 이곳의 내용중 하나인 chlipy(https://bennettfeely.com/clippy/)는 원하는 모양을 정하면 자동으로 chlip-path 속성 값을 생성해 준다..