友情链接

酷酷のdalao们

给dalao递零食✿✿ヽ(°▽°)ノ✿

HCLonely

一个懒人的博客

Uncle_drew

Hand down,man down

超逸の技术博客

不是只会写业务代码の前端攻城狮

小康博客

一个收藏回忆与分享技术的地方！

过客~励む

你现在的努力，是为了以后有更多的选择！

会飞的小弋

喜欢大数据，嵌入式和机器视觉

cungudafa

一个学习记录者！

JerryC

今日事,今日毕

小伙伴们

给小伙伴们递茶✿✿ヽ(°▽°)ノ✿

初辰の博客

边框带呼吸灯效果

Lete乐特

我相信我可以，但我一直在路上，所以我有无限的可能！！

GamerNoTitle

一个在懵懂无知中成长的高中生程序员^V^

雪曦

君浅吟，叹落笔

洛尘曦

一个手无缚机（手机）之力的书生小站~

五月森林 志

业余编剧，互联网产品经理，记录日常感悟及学习。

闻语博客

浮生若梦 为欢几何

Sakura` Blogs

或苦或甜都不要辜负

果酱博客

半夏彼岸 似水流年

链接失效

怎么Server Down了呢？赶紧回来吧ヽ(。>д<)ｐ

未知1

test

友链样式（可选）

小伙伴可以选择或提供自己的友链风格嗷~（未选择就根据您的博客主题配色加边框）

程序媛（默认）

粉色呼吸灯

程序员（默认）

蓝色呼吸灯

炫彩样式

炫彩呼吸灯

初辰の博客

默认效果

初辰の博客

仅设置颜色

初辰の博客

虚线

初辰の博客

边框带呼吸灯效果

申请友链接格式

注意：留言后会第一时间检查您的网站是否符合以下要求，若没有可能会被站长忽略哦，不给予回复。

• 申请友链接必填项
• 友链接选填项
• 友链接须知

这四个字段是申请友链接时所必须填写的。如果需要个性化，请参考选填项

name: 名称
link: 地址
avatar: 头像
descr: 描述

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

属性名说明

1. width 字段

   代表边框的大小，0 代表不显示。默认为（0px，也就是不显示）

2. color 字段

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

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

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

3. style 字段

   边框的形状也就是 border-style 的取值，默认为实线（solid）

4. time 字段

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

5. rotate 字段

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

6. custom 字段

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

   link_custom 为呼吸灯效果

   flash 为边框闪现效果

注：我是从小康大佬那里学习过来滴，您有好的样式或想法欢迎留言哦！

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

渐变配色参考网址：

1. https://gradient.shapefactory.co/

2. https://webkul.github.io/coolhue/

3. https://uigradients.com/

若你使用渐变配色请在 color 字段写入你的 css 值例如 linear-gradient(45deg,blue,red)，设置了这个渐变效果呼吸灯效果将会被抵消掉哦！

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

更全示例

# 边框大小 默认为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

PS：欢迎交换友链，以下是相关注意事项。

小站是 🍤学习 or 🍥博客站（不参与商业性网站、下载站、视频站等）

有一定数量的原创文章📔📕📗📘📙📓，建站一周以上（大佬可以无视这条要求哦！）

HTTP和HTTPS均可，不强制性要求小绿锁，但是只有一个IP或者带端口的不接受哦

网站要有维护，定期或不定期均可，线下朋友请忽略这一条

含有违反中国法律内容的一律不通过。

网站被 QQ、微信标红的一律不通过。

网站被 QQ、微信标红的一律不通过。

若你想联系我，在About页面中有我的相关联系方式

My Blog Info

name: 初辰の博客
link: https://chuchendjs.github.io/
avatar: https://cdn.jsdelivr.net/gh/chuchendjs/picgo/picgo/bt-sonny.jpg
descr: 成功是努力的另一名字！