css - 彩色背景上的 Div 闪烁边框

标签 css border

如何使div边框闪烁,通过将边框颜色更改为黑色和白色可以完成,但我后来决定保持背景颜色为粉红色,因此会看到白色边框,这是不应该的,通过动态添加边框并移除它,它会扰乱其相邻元素的位置,是否有任何方法可以使边框变黑和透明,或者使其闪烁???

最佳答案

首先,动画网页元素,尤其是那些在颜色之间交替的网页元素是巨大的设计禁忌 - 它会分散用户的注意力,可能引发癫痫(如果过度使用),减慢页面渲染性能(并不必要地耗尽设备电池),以及其他不良副作用。

但是无论如何...

您可以通过将 border-color 设置为 transparent 来获得不可见的边框,然后再将其更改为黑色或白色或其他任何颜色。这样,当计算框流时,边界就在那里,只是不可见。这是一个 CSS2+ 特性。

另一种方法是使用图像边框并将边框图像设置为动画 GIF。这确实需要 CSS3 支持图像边框。

关于css - 彩色背景上的 Div 闪烁边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14918878/

相关文章:

html - 表格属性宽度被忽略

javascript - 复选框内的图像

android - 如何在 Android 中为布局 (RelativeLayout) 设置图像边框?

CSS 淡化顶部和底部 "borders"

c# - 用户控件或面板的自定义边框宽度和边框颜色

border - CSS 虚线边框的边框半径

css - 我的 CSS 动画的一部分正在重置。我不想这样

html - 制表符时如何使边框出现在图像上?

javascript - 位置替换太慢

css - css边框可以从 Angular 开始吗?