avatar

博客友链

特别友链

非博客友链

失踪人口

测试效果

申请友链格式

以下为必填项

1
2
3
4
name: 名称
link: 地址
avatar: 头像
descr: 描述

以下为选填项

1
2
3
4
5
6
7
width: 0px (代表边框的大小border-width)
color: "linear-gradient(45deg,blue,red)" 代表色
style: "solid" 边框的形状
time: 1s 动画时长
rotate: 0deg
custom: "link_custom" 动画样式
rotate: -180deg
  • width字段

    代表边框的大小,0代表不显示。默认为(0px,也就是不显示)

  • color字段

    代表色的颜色,也是鼠标悬停后的颜色、字体颜色。默认为淡蓝色#49b1f5

    可以使用的颜色格式:rgbrgbahslhsla、16进制颜色以及关键字颜色等

    也可以设置渐变色,但是渐变色会导致边框颜色及字体颜色为默认色无法更改。

  • style字段

    边框的形状也就是border-style的取值,默认为实线(solid

  • time字段

    动画时长设定,默认为0s,也就是不添加动画。

  • rotate字段

    填写角度代表鼠标悬停时头像旋转的角度,默认为0deg,不旋转。

  • custom字段

    此字段留下来的目的时为了后期添加更多的特效。默认值link_custom

    link_custom为呼吸灯效果

    flash为边框闪现效果

    如果你有好的样式或想法欢迎留言哦!

  • 默认效果展示

    默认

    鼠标悬停

    更多效果请参考下边测试效果栏的链接。推荐在开发者工具中调试一个自己喜欢的配色留言哦。

    渐变配色参考网址:

    1. https://gradient.shapefactory.co/
    2. https://webkul.github.io/coolhue/
    3. https://uigradients.com/

    如果你使用渐变配色请在color字段写入你的css值例如linear-gradient(45deg,blue,red)

    只填写颜色那么默认使用线性渐变0度旋转进行设置

友链须知

  1. 申请链接前请先添加本站链接!
  2. 本站坚决不收政治的 / 涉黄的!
  3. 网络技术 / 个人博客优先~
  4. 成功添加本站后请留言提醒!
  5. 对于取消本站链接或者网站打不开的网站将采取external nofollow的措施。

注意:本人看到留言后会第一时间检查您的网站是否添加了本站链接,如果没有那么您的留言会被站长忽略,不给予回复。

我的信息

1
2
3
4
5
6
7
name: 小康博客
link: https://www.antmoe.com/
avatar: https://cdn.jsdelivr.net/gh/sviptzk/HexoStaticFile@latest/avatar.jpg
descr: 一个收藏回忆与分享技术的地方!
#以下内容如果存在的情况下
width: 1px (代表边框的大小border-width)
color: "#881B12"

评论
avatar
Dreamy.TZK
一个收藏回忆与分享技术的地方!
公告
小康博客主要功能是用来记录学习的笔记以及一些基本的操作记录。如果你在阅读中遇到了什么问题,可以到留言板留言,也可以联系我哦!
true
网站资讯
文章数目 :
58
已运行时间 :
本站总字数 :
84.8k
本站访客数 :
本站总访问量 :