言归正传
我们老样子直接先上效果图再开始今天的分享 这个项目的github可以看一看
组件分析
界面组成
逻辑分析
最终实现
界面组成
从上图中,我们可以看出界面主要分为menu和item2块,其中menu的动画是自传,item的动画是位移,然后这里我们通过绝对布局的方式将整个控件定位在四个角落
.menu_container {
position: absolute;
z-index: 100;
border-radius: 50%;
transition-duration: 400ms;
text-align: center;
border: #ef