scss2 wv-2503~2505-01 (인터랙션 작업 중 기록) WV 인터랙션 작업 중 (카드 펼쳐짐) 크롬에서는 부드럽게 정상적으로 작동하는 반면, 사파리, edge 에서 버벅거림 현상 발견. 이유는 top, left 로 위치를 잡았기 때문. transform으로만 작업했더니 모든 브라우저에서 부드럽게 정상 작동! 반응형 사이트이기 때문에 mobile 분기에서는 아래처럼 vw 단위를 사용했다. 현재 인터랙션 작업하면서 가장 까다운것이 cubic-bezier 값 맞추기. 이게 지금 제일 어렵다. 2025. 4. 16. 반복되는 SCSS소스! @for 지시어로 줄이는 방법 찾기. CSS를 작성하다 보면 반복되는 구간이 보인다. 아래 같은 코드가 나를 신경 쓰이게 만들었다.&.esg-test-type1 { background-image: url(../../assets/images/esg/esg-test-type1.svg);}&.esg-test-type2 { background-image: url(../../assets/images/esg/esg-test-type2.svg);}&.esg-test-type3 { background-image: url(../../assets/images/esg/esg-test-type3.svg);}&.esg-test-type4 { background-image: url(../../assets/images/esg/esg-test-ty.. 2024. 7. 4. 이전 1 다음
