在CSS中为边框添加样式属性,包括 点状边框样式、边框宽度、边框颜色等,并将闪烁动画
应用
于该边框的伪元素。以下是示例代码:
HT
ML
代码:
<div cl
as
s="box"></div>
CSS代码:
.box {
border: 1px dotted #000;
width: 200px;
he
igh
t: 200px;
position: relative;
.box::after {
content: '';
position: absolute;
top: -1px;
left: -1px;
r
igh
t: -1px;
bottom: -1px;
border: 2px dotted #fff;
animation: b
link
1s infinite;
@keyframes b
link
{
opa
ci
ty: 0;
50% {
opa
ci
ty: 1;
100% {
opa
ci
ty: 0;
通过将闪烁动画
应用
于边框的伪元素,我们可以实现一个在点状边框上闪烁的效果。