景の域主题 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 插件 也有相当不错的动效。


花絮部分:

发表回复

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

To respond on your own website, enter the URL of your response which should contain a link to this post's permalink URL. Your response will then appear (possibly after moderation) on this page. Want to update or remove your response? Update or delete your post and re-enter your post's URL again. (Find out more about Webmentions.)