向带有CSS的虚线边框添加闪烁的动画。开发者社区

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

慈祥的黄豆 · HBuilderX 插件开发指南 - 掘金· 2 年前 ·

大力的馒头 · javascript 检索 ...· 2 年前 ·

呐喊的便当 · 解决fp = ...· 2 年前 ·

慈祥的匕首 · Optimize GitLab for ...· 2 年前 ·

腾讯云

开发者社区

文档建议反馈控制台

首页

MCP广场

文章/答案/技术大牛

发布

.box {
  background-image: repeating-linear-gradient(0deg, #333333, #333333 5px, transparent 5px, transparent 15px, #333333 15px), repeating-linear-gradient(90deg, #333333, #333333 5px, transparent 5px, transparent 15px, #333333 15px), repeating-linear-gradient(180deg, #333333, #333333 5px, transparent 5px, transparent 15px, #333333 15px), repeating-linear-gradient(270deg, #333333, #333333 5px, transparent 5px, transparent 15px, #333333 15px);
  background-size: 5px calc(100% + 15px), calc(100% + 15px) 5px, 5px calc(100% + 15px), calc(100% + 15px) 5px;
  background-position: 0 0, 0 0, 100% 0, 0 100%;
  background-repeat: no-repeat;
  animation: borderAnimation 1s infinite steps(2, end);
  height: 200px;
  width: 200px;
@keyframes borderAnimation {
  from {
    background-position: 0 0, -15px 0, 100% -15px, 0 100%;
    background-position: 0 -15px, 0 0, 100% 0, -15px 100%;

推荐文章

慈祥的黄豆 · HBuilderX 插件开发指南 - 掘金

2 年前

大力的馒头 · javascript 检索 js搜索json_mob6454cc7a6087的技术博客_51CTO博客

2 年前

呐喊的便当 · 解决fp = builtins.open(filename, “w+b“)FileNotFoundError: [Errno 2] No such file or directory:_"fp = builtins.open(filename, \"w+b\"

2 年前

慈祥的匕首 · Optimize GitLab for large repositories | GitLab

2 年前

问 向带有CSS的虚线边框添加闪烁的动画。 EN

回答 1

Stack Overflow用户