萌ICP备异次元之旅-GIF卡通动画图标悬挂方案发布

       萌备异次元之旅项目自发布以来，便采用icon+文本的悬挂设计，该方案虽然容易适配各种布局的网页，但在画面效果上缺少动感和趣味性，因此我们精心制作了卡通GIF版悬挂方案，同时我们在新图标制作时将萌备站点特色字体“站酷快乐体”字体以及“中国色彩”的旧配色方案融入进了新设计，力求实现设计上的传承与迭代。

建议等比例缩放下最大高度 height＜＝75px

如需自动跳转请在a标签href链接后添加?travel=on

默认-浅色

样图

HTML代码

<a href="https://travel.moe/go.html" target="_blank">
    <img src="https://travel.moe/images/logo/gif-kt/startup-default.gif" style="width:auto;height:36px" title="异次元之旅-跃迁-我们一起去萌站成员的星球旅行吧！">
</a>

默认-深色

样图

HTML代码

<a href="https://travel.moe/go.html" target="_blank">
    <img src="https://travel.moe/images/logo/gif-kt/startup-default-dark.gif" style="width:auto;height:36px" title="异次元之旅-跃迁-我们一起去萌站成员的星球旅行吧！">
</a>

淡茜红配色-浅色

样图

HTML代码

<a href="https://travel.moe/go.html" target="_blank">
    <img src="https://travel.moe/images/logo/gif-kt/startup-pink.gif" style="width:auto;height:36px" title="异次元之旅-跃迁-我们一起去萌站成员的星球旅行吧！">
</a>

淡茜红配色-深色

样图

HTML代码

<a href="https://travel.moe/go.html" target="_blank">
    <img src="https://travel.moe/images/logo/gif-kt/startup-pink-dark.gif" style="width:auto;height:36px" title="异次元之旅-跃迁-我们一起去萌站成员的星球旅行吧！">
</a>

群青配色-浅色

样图

HTML代码

<a href="https://travel.moe/go.html" target="_blank">
    <img src="https://travel.moe/images/logo/gif-kt/startup-cyan.gif" style="width:auto;height:36px" title="异次元之旅-跃迁-我们一起去萌站成员的星球旅行吧！">
</a>

群青配色-深色

样图

HTML代码

<a href="https://travel.moe/go.html" target="_blank">
    <img src="https://travel.moe/images/logo/gif-kt/startup-cyan-dark.gif" style="width:auto;height:36px" title="异次元之旅-跃迁-我们一起去萌站成员的星球旅行吧！">
</a>

瀑布蓝配色-浅色

样图

HTML代码

<a href="https://travel.moe/go.html" target="_blank">
    <img src="https://travel.moe/images/logo/gif-kt/startup-blue.gif" style="width:auto;height:36px" title="异次元之旅-跃迁-我们一起去萌站成员的星球旅行吧！">
</a>

瀑布蓝配色-深色

样图

HTML代码

<a href="https://travel.moe/go.html" target="_blank">
    <img src="https://travel.moe/images/logo/gif-kt/startup-blue-dark.gif" style="width:auto;height:36px" title="异次元之旅-跃迁-我们一起去萌站成员的星球旅行吧！">
</a>

麦苗绿配色-浅色

样图

HTML代码

<a href="https://travel.moe/go.html" target="_blank">
    <img src="https://travel.moe/images/logo/gif-kt/startup-green.gif" style="width:auto;height:36px" title="异次元之旅-跃迁-我们一起去萌站成员的星球旅行吧！">
</a>

麦苗绿配色-深色

样图

HTML代码

<a href="https://travel.moe/go.html" target="_blank">
    <img src="https://travel.moe/images/logo/gif-kt/startup-green-dark.gif" style="width:auto;height:36px" title="异次元之旅-跃迁-我们一起去萌站成员的星球旅行吧！">
</a>