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

推荐订阅源

B
Blog RSS Feed
量子位
Recent Announcements
Recent Announcements
T
The Blog of Author Tim Ferriss
美团技术团队
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
Blog — PlanetScale
Blog — PlanetScale
H
Help Net Security
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
博客园 - Franky
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
宝玉的分享
宝玉的分享
大猫的无限游戏
大猫的无限游戏
V
Visual Studio Blog
博客园 - 聂微东
aimingoo的专栏
aimingoo的专栏
Microsoft Security Blog
Microsoft Security Blog
U
Unit 42
J
Java Code Geeks
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
IT之家
IT之家
Hugging Face - Blog
Hugging Face - Blog
腾讯CDC
L
LangChain Blog

蛇年大吉

通过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