웹에서 위치?값
212
작성한 질문수 8
안녕하세요 로드맵으로 강의를 다 신청해서 듣고있는 중인데
혹시나 제가 지금 웹에서 카드게임을 만들고 싶은데
홀덤테이블 이미지에 맞게 지정된 자리에 각각의 플에이어들의
이름 프로필 그리고 손패2장을 놓을 슬롯을 지정하고 싶은데
그리드를 사용해 영역을 나누고 그곳에 위치를 구해야 할까요?
지금은 css로 이미지 만들어서 테이블을 만들어 둔 후에
css를 사용하여 6명의 플레이어 위치를 퍼센트로 조절해두고 그곳에 다시 <div>태그들을 사용해 위치시켜놨는데 혹시 다른 좋은 방법이있을까요?
답변 1
0
구체적인 디자인이나 동작에 따라 차이가 있겠지만, 게임이라면 일반적으로는 위치를 계산해서 position absolute로 하시는게 좋을 것 같습니다. 그렇게 하시는게 카드를 원하는 위치로 움직이는 애니메이션 처리하기도 수월하고요. 딱 어떤 방법이 제일 좋다기보다는, 원하는 형태가 나올 수 있다면, 동원님께서 구현하기 좋은 방법으로 하시는게 좋을 것 같아요.
가로스크롤 과 margin: 0 -1rem 질문 있습니다
0
119
1
수업자료 다운로드
0
122
1
VS코드에 클래스 이름만 넣으셨는데 선생님이 뭘 누르면 바로 태그로 변하던데...
1
138
1
css grid repeat() 에서 autofit 사용시
0
183
1
menu 아이템 반응형 변경
0
102
1
질문은 아니고.. 오타 발견..
0
121
1
px, em ,rem을 어떻게 감각적으로 쓸 수 있을까요?
0
510
2
강의에 나오는 html 자동으로 만들어주는 편집기에 대해 알 수 있을까요?
0
309
1
flex-basis auto, 0 차이
0
710
2
padding 대신 gap을 쓰는게 더 편하지 않나요?
2
607
1
animation forwards 관련 질문
0
489
2
auto-fill, auto-fill이 적용되지 않는것 에 대해 질문드립니다.
0
560
1
flex-grow IE 질문드립니다.
0
625
2
Flex-grow가 적용되는 영역에 대해 질문드립니다.
0
437
1
Grid 수직정렬 문의
0
1076
1
card__item에 display:flex를 했을 때..
0
512
1
11vmin
0
417
1
header class 안에 div와 h2
0
576
1
grid 반응형 페이지 step1 질문있습니다~
0
282
1
반응형 페이지 step4 order
0
356
1
미디어쿼리 사이즈
1
286
1
figure + div
0
300
1
CSS Grid를 통한 정렬의 장점
0
247
1
19강 secondary-b영역에서 background가 안칠해지는 문제
0
211
1