如何制作一个华丽的边框呼吸闪烁的样式？

这是一个简单的示例代码，用CSS实现一个边框闪烁呼吸的效果：

<div class="breathing-border">Hello World</div>

.breathing-border {
    display: inline-block;
    padding: 20px;
    border: 2px solid #555;
    animation: breathing-border 4s ease-out infinite;
}

@keyframes breathing-border {
    0% {
        border-color: #555;
        box-shadow: none;
    }
    25% {
        border-color: #99c2ff;
        box-shadow: 0 0 10px #99c2ff;
    }
    50% {
        border-color: #555;
        box-shadow: none;
    }
    75% {
        border-color: #99c2ff;
        box-shadow: 0 0 10px #99c2ff;
    }
    100% {
        border-color: #555;
        box-shadow: none;
    }
}

这段代码会使文字周围的边框以4秒周期来闪烁呼吸，可以根据自己的需求来调整动画的时间和颜色。