avatar

小姐姐们
朋友们
虐狗博客
阵亡名单
个性化效果演示

我的资料

同主题一键复制

1
2
3
4
5
6
7
8
9
10
11
name: MuJin's Blog
link: https://xiabor.com
avatar: https://xiabor.com/img/avatar.png
descr: 君浅吟,叹落笔

# 可选(若无自定义默认即可)
width: 1px
style: solid
color: "#9fefaf"
custom: link_custom
time: 5s

留言格式(必填项)

1
2
3
4
name: 
link:
avatar:
descr:

需要交换友链,请留言,格式如上↑(遵纪守法,长期更博即可)


更多个性化友链样式参数(选填)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
name: 木槿
link: https://xiabor.com
avatar: https://xiabor.com/img/avatar.png
descr: 更多效果自行搭配
# 边框大小 默认为0
width: 0px
# 边框样式 默认 solid
style: solid
# 边框颜色 默认淡蓝色 #49b1f5
color: "#0078e7"
# 自动旋转 可选值 flash(闪现) link_custom(单色呼吸灯) link_custom1(彩色呼吸灯)
custom: link_custom1
# 动画时长设定,默认为0
time: 4s
# name的颜色
namecolor: "#ff9191"
# descr的颜色
descolor: "#ff9191"
# 背景颜色
background: 0
# 鼠标悬停旋转角度
rotate: 360deg
# 自动旋转 latuo左旋转 rauto右旋转
autorotate: "lauto"
# 旋转的周期(时长)
autotime: 2s
#移除此链接的权重 0为否 非0为移除
remove: 0

字段解释

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

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

可以使用的颜色格式:rgb、rgba、hsl、hsla、16 进制颜色以及关键字颜色等

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

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

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

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

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

  5. link_custom 为呼吸灯效果

flash 为边框闪现效果

渐变配色参考网址: gradient coolhue
uigradients


评论