UI
文章平均质量分 89
超悠閒
博客文章倉庫:https://github.com/superfreeeee/Blog
博客代码仓库:https://github.com/superfreeeee/Blog-code
展开
-
UI 实现分享: 动态导航栏
UI 实现分享: 动态导航栏文章目录UI 实现分享: 动态导航栏正文1. 实现效果2. 实现细节2.1 html 布局2.2 元素定位2.3 导航栏列表项2.4 动画效果2.5 hover 变色其他资源参考连接完整代码示例正文1. 实现效果先来看看最终实现效果静态图动态效果2. 实现细节2.1 html 布局元素布局上比较简单,分成中心的 .toggle 元素,以及周围的 li 元素列表index.html <div id="app"> &原创 2021-11-24 21:27:34 · 1194 阅读 · 0 评论 -
UI 实现分享: Setting 页面
UI 实现分享: Setting 页面文章目录UI 实现分享: Setting 页面正文0. 简介1. 实现思路 & 布局规划1.1 整体布局1.2 侧边栏1.3 主页面2. 设计原 & 还原效果对比3. 实现小结其他资源参考连接完整代码示例正文0. 简介今天要来分享的东西看起来有点傻,但是对于前端新手或是样式的布局比较不熟悉的人来说(例如我)应该还是有点帮助的。很多时候我们花很多时间在布局和样式调整上,是因为我们不知道到底该怎么选择样式的调整方式,到底什么时候用 flex、什么时原创 2021-10-28 17:04:38 · 504 阅读 · 0 评论