https://codepen.io/candroo/pen/wKEwRL' target="_blank">https://codepen.io/candroo/pen/wKEwRL
https://codepen.io/hkmDesigner/pen/zdPrVp' target="_blank">https://codepen.io/hkmDesigner/pen/zdPrVp
https://codepen.io/mimikos/pen/QMjjzy
뭐 이런 것들 이요.
그런데 좀 궁금한게...
얘네들 보면 html 이랑 css랑 js 파일 따로 제공해줘서
자기 웹에서 그거 그냥 그대로 제 웹에 적용시켜보면...
되는 게 있고 안 되는 게 있고 그런데 어째서 그런걸까요?
아예 차라리 다 안되면 그러려니 할텐데 css파일도 js파일도 (js파일에서 자주 쓰여서 따로 cdn에서 받고 있는 제이쿼리도) 다 정상적으로 받고 있는데
css파일의 특정 부분은 잘 적용되는데 특정 부분은 적용이 안되 그런 문제가 있어요
어떤 부분이 안되는지 가만히 보니까 전부 @로 시작하는 부분인 거 같던데...
https://codepen.io/mimikos/pen/QMjjzy
-> 예를 들면 얘는 색깔 같은 거는 다 적용되는데 지직거리는 저 효과가 적용이 안되고요
https://codepen.io/candroo/pen/wKEwRL' target="_blank">https://codepen.io/candroo/pen/wKEwRL
-> 예를 들면 얘는 브라우저 크기에 맞쳐 카드배치의 열 갯수가 동적으로 바뀌는 부분은 적용이 되는데 색깔이나 뭐 그런 게 적용이 안되고 버튼도 안 보여요
https://codepen.io/hkmDesigner/pen/zdPrVp' target="_blank">https://codepen.io/hkmDesigner/pen/zdPrVp
-> 결정적으로 얘 같은 경우는 @로 시작하는 구문이 하나도 없어서 그런가 전부 다 적용이 잘되서 3d로 빙글빙글 돌아가고요
어떻게 하면 이 문제를 고칠 수 있을까요 행님들
골뱅이로 시작하는 거에 마우스 대보면 저런 오류가 뜨고요, 검색해봐도 어떤 해결책을 잘 못 찾겠어요
@keyframes 는 css 애니메이션 문법인데 혹시 이름 바꾸거나 하지 않았어?
이름을 바꾼 건 없이 그대로 가져오기만 했어요. 지금 막 검색해보는데 tailwind css? 이거랑 뭔가 관련이 있는 거 같은데 이거 적용을 어케 해야 할지 모르겠네요ㅠㅡㅠ
아 애니메이션 말고 tailwind구나. tailwind 안써봐서 모르겠지만 cdn 같은걸로 스크립트 로딩한 번 해봐
해결했습니다. 행님 위에 less라고 적혀 있는 게 힌트였네요. 뭔진 모르겠지만 css의 변형? 뭐 그런 거였나 봐여. 검색해보니까 less to css 컨버터 이런 게 있어가지고 그걸로 변환한 거 넣으니까 잘 작동합니다.