自上次想要修改Aero风格的CSS按钮样式,一发不可收拾,索性直接把其余部分也都实现了Aero Web 2.0 Gloss化(即为通常描述为Frutiger Aero的美学其中一种表达效果):
原本在页面上方、又被称为主导航栏的部分中,WordPress 2014主题原本格格不入的扁平菜单也拉皮成Vista/Mobile 6.x风格的镜面玻璃样式。
这次主要修改的地方有:
- 主导航栏:Hover 聚光灯菜单、WMC风格子菜单,子菜单选项悬浮有动效
- 黑侧边栏:次要导航 Web Gloss风格渐变、悬停发光效果
- 黑侧边栏:日历小工具水晶按钮、悬停发光效果
- 特色内容回归,链接按钮发光
- 搜索键增加了悬浮与点击效果,圆角改回直角
- a链接全部实现悬停发光效果,
绝对不是偷懒
事实上这已经是好几天前的素材了,毕竟VPS炸了……
幸运的是代码在DevTools的本地替换调试部分有所保留,只需要清理一下重复部分。最终效果略有区别但是我很满意。
搭配近期使用的 View Transitions 插件 也有相当不错的动效。


花絮部分:
