CSS 结合 gsap 实现可拖拽拉长或缩短的 Dock 导航栏

    使用 CSS 结合 gsap 插件创建的可拖动拉长或缩短的 Docker 导航栏,该Docker导航栏默认是水平放置的,可通过自定义选项设置为垂直显示Docker导航栏效果。这种仿 Docker 导航栏是通过 CSS 创建的,而拖拽以显示或者隐藏图标菜单项则是通过 gsap 插件实现的。这款效果的导航栏中可填充很多图标,用户可通过鼠标拖拽Docker菜单栏的右下角进行拉伸查看全部的菜单项,或者通过拽隐藏菜单项。而且右上角还添加了自定义选项,可以控制Docker导航栏是水平显示或者垂直显示以及图标的放大与缩小。

模板目录结构如下: