css - 使用 CSS3，我可以创建使边界脉动进出的关键帧吗？

Question

我有一个周围有边框的图像。我想让边框淡入淡出。 opacity + webkit keyframes 这可能吗？想法？

谢谢

Answer 1

这是一个例子:

@keyframes border-pulsate {
    0%   { border-color: rgba(0, 255, 255, 1); }
    50%  { border-color: rgba(0, 255, 255, 0); }
    100% { border-color: rgba(0, 255, 255, 1); }
}

img {
    border: 20px solid cyan;
    animation: border-pulsate 2s infinite;
}

这是 fiddle :http://jsfiddle.net/RYT8L/4/

---

请注意，在现实世界中，您必须包含所有供应商前缀，或使用 Lea Verou的优秀工具称为 -prefix-free (这就是我在那个 fiddle 中使用的)。