정보실

웹학교

정보실

javascript Navigation bar with circle

본문

Ketan의 Dribbble 샷은 Zed Dash의 대화식 UI로 바뀌었습니다. 

원을 따라 녹아웃 된 원 영역이 막대를 따라 움직이는 것을 볼 수 있습니다. 

트릭은 전체 영역 (원 및 녹아웃 영역)이 함께 움직이는 하나의 SVG 모양이라는 것입니다. 

CSS 드롭 섀도 필터는 더욱 설득력 있게 보입니다.



https://codepen.io/z-/pen/KKPeOPm 


  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 26회 ]  작성일19-09-24 09:14

웹학교