HTML、CSS和Javascript非常酷的边框旋转发光效果

因此，我访问了以下模板，但由于他们对javascript/页面元素进行了base64加密，因为天知道是什么原因使查看源代码变得非常困难

但是在那一页上，标题栏上的“header bg”类的背景位置似乎在不断变化，很可能是通过使用javascript，我喜欢颜色的设计和效果，所以我很好奇是否有人能帮我或者给我演示一下他们是如何做到这一点的

---

我喜欢边界效果不断旋转的不同颜色的方式。（不确定是否有人认为这很美）

他们使用背景图像，并使用JS设置背景位置的动画

这里我使用CSS动画：

@关键帧bg{
从{
背景位置：0；
}
到{
背景位置：1500px0；
}
}
.标题bg{
边界半径：15px；/*外部*/
填充：3px；/*分隔*/
动画：bg 10s无限线性；
背景：url("数据：image/jpeg；base64/9j/4AAQSkZJRgABAQEASABIAAD/2wbdaayebaqfbayfbqyjbgugcqsibgycwkcgggggwqdawmdawmeawdxappdgwtexquexmcgxsbhcagicagicagicagicd/2wbdaqchbw0mdrgqebgafarevgicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicagicaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaf/aaawdaqaceqmrad8a811ynagqiecbsrkoyhxmouzgwtjcukm1kzwkhkummlguom1koyczquxuomsjkhkukm1k4whrlk4zwjnqragqiecbagquygirayiisbvbikyovbikyoqarvgugimoquqvgjjgqgqfqqqqqqqqqqqqyqbagquqqqqqqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqRRVRRTTGLGTKNVRQLAIRQ1OZWO0FVWVPRAUA00KQNAUO1YO1OWLZUGLGTKYTKLSJVUA00NWKLSSRJVUA00LsiQWQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQnbknebfgggqiecbagqiecqo1prvau0kqlsrsshvua0otnmauqio1poaonazwlfprqqfavlauarqknaijvggqa0o1prsjgqiecbagqiuzjjjljxlcjnzomouzzzzzkm1jnq4yyq4yuzxmouyzompjlxlcjkfgjjjjjjjljjjjjjjjjjjlzjjjjjjjjjjjjjlzyq4yyyq4yyyq4yzyzyzyzyzyzyyyq4yzyzyzyzyzyzyzyzyzyyyyyzyzyzyzyzyzyzyzyqqNIIEBBGQNI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根据该文件的规定，该文件将于2008年12月1日起生效。该文件将于2008年12月1日起生效ACBAGQIECBAGQIGKMVRABRTQ1PRVRAUVUA00xPRRSJVUK0RGMHAUAQI1FgTvRrTqQ1PrSrSrSvVafKnUwVgTvGnAzVgAzUvCoeCBAGQIECBAHciiuzQ4WyuzQ4yUzzomocZKm1K4ZuzMouzMouzMouzMouzOiZiZiZiZiZiZiZiZiZiZiZiZiZiZiZiZiZiZiZiZlKlKlKlKlKlKlKlKlKlKlKlKlKyKyKyKyKyKyKyKyKy