html css 수직 타임라인 기법 질문

Question

나중에 aos 를 도입할거라날짜랑 해당 영역의 dot이 한묵음으로 영역지정을 하고 싶어서라이브러리 없이 html &#43; css 만으로 이런 타임라인선을 그리려면 어떻게 해야하나요? 자세한 코드는 괜찮은데 혹시 기법만 댓글로 설명해주실수있나요?오늘 꽤 오래 싸웟는데 해결을 못햇네요 ㅠ

킁킁탐정 · Answer

다음을 참고하세요.https://www.w3schools.com/howto/howto_css_timeline.asphttps://codepen.io/htmlcodex/pen/KKVpdNKhttps://codepen.io/pawankolhe/pen/dyYrQOvhttps://codyhouse.co/demo/vertical-timeline/index.html

핸호 · Answer

CSS의 "+ 연산자"를 활용해보시면 좋을것 같습니다. 연속하는 두 개념에 대한 처리를 하는 것인데, 시작 element, 중간 element, 그리고 끝 element을 서로 다르게 구분하여 처리할 수 있고, 추가로 각 항목 class에 연도 명 표기가 가능하시다면(예 ".year-2024"), 같은 연도가 연속한 경우에 대한 처리도 가능합니다.

html css 수직 타임라인 기법 질문

2개의 답변

Q&A 목록