景の域主题 Frutiger 化CSS更新

自上次想要修改Aero风格的CSS按钮样式,一发不可收拾,索性直接把其余部分也都实现了Aero Web 2.0 Gloss化(即为通常描述为Frutiger Aero的美学其中一种表达效果):

原本在页面上方、又被称为主导航栏的部分中,WordPress 2014主题原本格格不入的扁平菜单也拉皮成Vista/Mobile 6.x风格的镜面玻璃样式。

这次主要修改的地方有:

  • 主导航栏:Hover 聚光灯菜单、WMC风格子菜单,子菜单选项悬浮有动效
  • 黑侧边栏:次要导航 Web Gloss风格渐变、悬停发光效果
  • 黑侧边栏:日历小工具水晶按钮、悬停发光效果
  • 特色内容回归,链接按钮发光
  • 搜索键增加了悬浮与点击效果,圆角改回直角
  • a链接全部实现悬停发光效果,绝对不是偷懒

事实上这已经是好几天前的素材了,毕竟VPS炸了……
幸运的是代码在DevTools的本地替换调试部分有所保留,只需要清理一下重复部分。最终效果略有区别但是我很满意。

搭配近期使用的 View Transitions 插件 也有相当不错的动效。


花絮部分:

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注