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

link之家

链接快照平台

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

相关文章推荐

有胆有识的人字拖 · matplotlib ...· 5 月前 ·

乖乖的冰棍 · 通过深度学习实现人机交互的手势控制,Jour ...· 2 年前 ·

直爽的香蕉 · c++ - mktime and ...· 2 年前 ·

性感的卤蛋 · Android Java/Kotlin - ...· 2 年前 ·

文武双全的小熊猫 · Go ORM框架 - GORM 踩坑指南 ...· 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%;

推荐文章

有胆有识的人字拖 · matplotlib 合理设置colorbar和子图的对应关系_plt.colorbar与子图的距离-CSDN博客

5 月前

乖乖的冰棍 · 通过深度学习实现人机交互的手势控制,Journal of Electrical Engineering & Technology - X-MOL

2 年前

直爽的香蕉 · c++ - mktime and tm_isdst flag - Stack Overflow

2 年前

性感的卤蛋 · Android Java/Kotlin - 获取方法中的所有注释参数并转换为HashMap

2 年前

文武双全的小熊猫 · Go ORM框架 - GORM 踩坑指南 - rickiyang - 博客园

2 年前

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

回答 1

Stack Overflow用户