[已解决]求助css样式

[lspzc]

obsidian 中文论坛底部的 由 Discourse 提供技术支持 这个外链样式如下

感觉这个样式很不错啊，有没有大佬能写一个css片段，用在 obsidian 中的外链，内部链接，之类的

[the_tree]

@keyframes d-rainbow-shimmer {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}
.cm-link a {
    background-color: var(--background-primary);
    border-radius: 8px;
    text-decoration: none !important;
}
.cm-link {
    padding: 3px;
    border-radius: 8px;
}

.cm-link:hover {
    background: linear-gradient(
      45deg,
      var(--background-primary),
      var(--background-primary),
      var(--background-primary),
      var(--background-primary),
      var(--background-primary),
      #d0232b,
      #f15d22,
      #fff9ae,
      #00a94f,
      #00aeef
    );
    background-size: 300%;
    animation: d-rainbow-shimmer 0.5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    animation-delay: 0.15s;
}

[lspzc]

大佬nb

[丁果 (GDG)]

为啥我用了不生效，同时在用【隐藏链接下划线】、【去除外部链接箭头】、【 隐藏链接地址】几个css。冲突的原因吗？

[SkyTears]

为啥我的不起作用呢？
修正一下

@keyframes rainbow-border {
    from {
        background-position: 0%;
    }
    to {
        background-position: 300%;
    }
}

.external-link:hover,
.cm-underline:hover {
    border: 2px solid transparent;

    background:
        linear-gradient(
            var(--background-primary),
            var(--background-primary)
        ) padding-box,

        linear-gradient(
            90deg,
            #ff0000,
            #ff7f00,
            #ffff00,
            #00ff00,
            #00ffff,
            #0000ff,
            #8b00ff,
            #ff0000
        ) border-box;

    background-size:
        100% 100%,
        300% 100%;

    background-position:
        center,
        0% 50%;

    animation: rainbow-border 15s linear infinite;

    border-radius: 8px;
}