惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

云风的 BLOG
云风的 BLOG
V
Visual Studio Blog
人人都是产品经理
人人都是产品经理
The GitHub Blog
The GitHub Blog
月光博客
月光博客
T
Tailwind CSS Blog
小众软件
小众软件
Y
Y Combinator Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
P
Proofpoint News Feed
B
Blog RSS Feed
博客园 - 司徒正美
A
About on SuperTechFans
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
博客园 - 聂微东
Microsoft Security Blog
Microsoft Security Blog
Recent Announcements
Recent Announcements
博客园 - Franky
U
Unit 42
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Microsoft Azure Blog
Microsoft Azure Blog
T
The Blog of Author Tim Ferriss
GbyAI
GbyAI
Apple Machine Learning Research
Apple Machine Learning Research

蛇年大吉

通过json生成talk-card | 蛇年大吉 通过json生成site-card | 蛇年大吉 通过json生成图片集 | 蛇年大吉 如何更新主题 | 蛇年大吉 netlify部署博客 | 蛇年大吉 增加获取图片标签 | 蛇年大吉 关于我页面写法 | 蛇年大吉 markdown样式优化 | 蛇年大吉 音乐播放器失效问题 | 蛇年大吉 首页github日历 | 蛇年大吉 轮播-swiper | 蛇年大吉 主题config配置项简介 | 蛇年大吉 首页添加弹幕 | 蛇年大吉 制作简历(关于我)和404页面 | 蛇年大吉 自定义live2d | 蛇年大吉 自定义css之导航和页脚高斯模糊 | 蛇年大吉 自定义css之头部图片透明 | 蛇年大吉 给bamboo添加动态背景 | 蛇年大吉 给bamboo添加右上角梅花 | 蛇年大吉
新增酷炫按钮和预加载动画 | 蛇年大吉
作者: YuAng · 2023-01-25 · via 蛇年大吉

按钮事例

开始使用

1
{% btn center cool-1, 开始使用, https://baidu.com, fa fa-download %}

开始使用

1
{% btn center cool-2, 开始使用, https://baidu.com, fa fa-download %}

开始使用

1
{% btn center cool-3, 开始使用, https://baidu.com, fa fa-download %}

开始使用

1
{% btn center cool-4, 开始使用, https://baidu.com, fa fa-download %}

开始使用

1
{% btn center cool-5, 开始使用, https://baidu.com, fa fa-download %}

开始使用

1
{% btn center cool-6, 开始使用, https://baidu.com, fa fa-download %}

开始使用

1
{% btn center cool-7, 开始使用, https://baidu.com, fa fa-download %}

开始使用

1
{% btn center cool-8, 开始使用, https://baidu.com, fa fa-download %}

开始使用

1
{% btn center cool-9, 开始使用, https://baidu.com, fa fa-download %}

开始使用

1
{% btn center cool-10, 开始使用, https://baidu.com, fa fa-download %}

开始使用

1
{% btn center cool-11, 开始使用, https://baidu.com, fa fa-download %}

开始使用

1
{% btn center cool-12, 开始使用, https://baidu.com, fa fa-download %}

开始使用

1
{% btn center cool-13, 开始使用, https://baidu.com, fa fa-download %}

开始使用

1
{% btn center cool-14, 开始使用, https://baidu.com, fa fa-download %}

开始使用

1
{% btn center cool-15, 开始使用, https://baidu.com, fa fa-download %}

预加载动画事例


预加载1

预加载1

预加载2

预加载2

预加载3

预加载3

预加载4

预加载4

预加载5

预加载5

预加载6

预加载6

预加载7

预加载7

预加载8

预加载8

预加载9

预加载9

在主题_config.yml中设置type属性即可,1到9

1
2
3
4

preloader:
on: true
type: 9