如何画一个圆然后是它在页面中闪烁显示

如何画一个圆然后是它在页面中闪烁显示

<style>
div{
    100px;
    height:100px;
    border:1px solid     red;
    border-radius:100px;
    position:absolute;
}

#df{
    background-color:red;
   animation:mymove 1s infinite;
   -webkit-animation:mymove 2s infinite;
}

@keyframes mymove
{
from {opacity:0;}
to {opacity:1;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {opacity:none;}
to {opacity:block;}
}
</style>
</head>
<body>
<div id="df"></div>
</body>

如何给span标签画一个圆

.content-box .ac{
  cursor: pointer;
  padding:0px 9px;
  border-radius:50%;
 /* 100px;
  height:100px;*/
  border:1px solid red;
  /*position:absolute;*/
  background-color:red;
  animation:mymove 1s infinite;
  -webkit-animation:mymove 1s infinite;
}

【推广】免费学中医，健康全家人

原文地址：https://www.cnblogs.com/psxiao/p/11401283.html