菜单
本页目录

页脚修改一

<style>
@keyframes colorChange {
  0%   { color: red; }
  50%  { color: blue; }
  100% { color: green; }
}
@-webkit-keyframes shining {
from {text-shadow: 0 0 10px lightblue, 0 0 20px lightblue, 0 0 30px lightblue, 0 0 40px skyblue, 0 0 50px skyblue, 0 0 60px skyblue;}
to {text-shadow: 0 0 5px lightblue, 0 0 10px lightblue, 0 0 15px lightblue, 0 0 20px skyblue, 0 0 25px skyblue, 0 0 30px skyblue;}
}
a[href="https://halo.run"].hover\:underline::after {
  content: " Pro";
}
a[href="https://halo.run"]{
  font-weight: bold;
  animation: colorChange 0.2s infinite alternate, shining 0.2s 
  alternate infinite;
}
</style>

页脚修改二

<style>
@keyframes maskedAnimation {
0% {background-position: 0 0;}
100% {background-position: -100% 0;}
}
a[href="https://halo.run"].hover\:underline::after {
    content: " Pro";
}
a[href="https://halo.run"] {
font-weight: bold;
background-image: -webkit-linear-gradient(left, #ffdd00, #3e2f08 25%, #ffdd00 50%, #3e2f08 75%, #ffdd00);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-background-size: 200% 100%;
-webkit-animation: maskedAnimation 1s infinite linear;
}
</style>

页脚修改三

<script>
document.addEventListener('DOMContentLoaded', function() {
const generatorContent = document.querySelector('meta[name="generator"]').getAttribute('content').replace("Halo ", "' Pro " )+ "'";
document.documentElement.style.setProperty('--version-information', generatorContent);
});
</script>
<style>
@keyframes maskedAnimation {
0%{background-position: 0 0;}
100% {background-position: -100% 0;}
}
footer a[href="https://halo.run"].hover\:underline::after {
content: var(--version-information);
}
footer a[href="https://halo.run"] {
font-weight: bold;
background-image: -webkit-linear-gradient(left, #ffdd00, #3e2f08 25%, #ffdd00 50%, #3e2f08 75%, #ffdd00);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-background-size: 200% 100%;
-webkit-animation: maskedAnimation 1s infinite linear;
}
</style>

页脚修改四

<script>
document.addEventListener('DOMContentLoaded', function() {
const generatorContent = document.querySelector('meta[name="generator"]').getAttribute('content').replace("Halo ", "' 3 Ultra Pro Max 专业版 " )+ "'";
document.documentElement.style.setProperty('--version-information', generatorContent);
});
</script>
<style>
@keyframes maskedAnimation {
0%{background-position: 0 0;}
100% {background-position: -100% 0;}
}
footer a[href="https://halo.run"].hover\:underline::after {
content: var(--version-information);
}
footer a[href="https://halo.run"] {
font-weight: bold;
background-image: -webkit-linear-gradient(left, #ffdd00, #3e2f08 25%, #ffdd00 50%, #3e2f08 75%, #ffdd00);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-background-size: 200% 100%;
-webkit-animation: maskedAnimation 1s infinite linear;
}
</style>

页脚魔改五

<!-- <style>
@keyframes colorChange {
  0%   { color: red; }
  50%  { color: blue; }
  100% { color: green; }
}
@-webkit-keyframes shining {
from {text-shadow: 0 0 10px lightblue, 0 0 20px lightblue, 0 0 30px lightblue, 0 0 40px skyblue, 0 0 50px skyblue, 0 0 60px skyblue;}
to {text-shadow: 0 0 5px lightblue, 0 0 10px lightblue, 0 0 15px lightblue, 0 0 20px skyblue, 0 0 25px skyblue, 0 0 30px skyblue;}
}
a[href="https://halo.run"].hover\:underline::after {
  content: " Pro ";
}
a[href="https://halo.run"]{
  font-weight: bold;
  animation: colorChange 0.2s infinite alternate, shining 0.2s 
  alternate infinite;
}

a[href="https://github.com/airbozh/halo-theme-chirpy"]{
  font-weight: bold;
  animation: colorChange 0.2s infinite alternate, shining 0.2s 
  alternate infinite;
}
</style> -->

页脚魔改六

<script>
document.addEventListener('DOMContentLoaded', function() {
const generatorContent = document.querySelector('meta[name="generator"]').getAttribute('content').replace("Halo ", "' Pro   " )+ "'";
document.documentElement.style.setProperty('--version-information', generatorContent);
});
</script>
<style>
@keyframes maskedAnimation {
0%{background-position: 0 0;}
100% {background-position: -100% 0;}
}
footer a[href="https://halo.run"].hover\:underline::after {
content: var(--version-information);
}
footer a[href="https://halo.run"] {
font-weight: bold;
background-image: -webkit-linear-gradient(left, #ffdd00, #3e2f08 25%, #ffdd00 50%, #3e2f08 75%, #ffdd00);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-background-size: 200% 100%;
-webkit-animation: maskedAnimation 1s infinite linear;
}
</style>

页脚颜色

土豪金
background-image: -webkit-linear-gradient(left, #ffdd00, #3e2f08 25%, #ffdd00 50%, #3e2f08 75%, #ffdd00);
绿色
background-image: -webkit-linear-gradient(left, #ffeef9, #ffb6c1 25%, #ffeef9 50%, #ffb6c1 75%, #ffeef9);
background-image: -webkit-linear-gradient(left, #e0f7fa, #b2dfdb 25%, #e0f7fa 50%, #b2dfdb 75%, #e0f7fa);
粉色
background-image: -webkit-linear-gradient(left, #ffeef9, #ffb6c1 25%, #ffeef9 50%, #ffb6c1 75%, #ffeef9);
background-image: -webkit-linear-gradient(left, #fb7299, #ffb6c1 25%, #fb7299 50%, #ffb6c1 75%, #fb7299);

为了兼容现代浏览器,除了 -webkit-linear-gradient(主要用于旧版Safari和Chrome)之外, 应该包括标准的 linear-gradient 属性,如下所示:

background-image: linear-gradient(to right, #ffeef9, #ffb6c1 25%, #ffeef9 50%, #ffb6c1 75%, #ffeef9);