Traffic Light(신호등) 애니메이션을 만들자
1. 미리보기 border-radius, border-right 혹은 border-left를 이용해 신호등과 신호등에 비치는 불빛을 만들 수 있다! 한 번 만들어보자 See the Pen javascript_day9 by KumJungMin (@kumjungmin) on CodePen. 2. 코드 설명 1) html [1] 신호등 원들을 중앙배치하는 부모요소이다. [2] 각각 신호등 원(빨강, 노랑, 초록)에 대한 요소이다. 2) css [3] container 내부 요소들을, flex의 flex-direction를 사용해 세로 배치시킨다..container { /*[3]*/ width: 70px; height: 200px; border-radius: 50px; background-color: #2c3e..
2021. 9. 16.
