我有兩個(gè)帶有無限次脈沖動(dòng)畫的圓圈?，F(xiàn)在我需要一個(gè)接一個(gè)地連續(xù)無限次地制作圓的動(dòng)畫。我嘗試了無數(shù)次脈動(dòng)圓圈。我添加了延遲動(dòng)畫，但它不起作用，我不知道為什么。請(qǐng)參考代碼并幫助實(shí)現(xiàn)該功能：HTML：<div class="inner">one</div><div class="inner1">two</div>CSS：.inner { width: 74px; height: 74px; background: #fff; border:1px solid #000; position: relative; text-align:center; border-radius: 50%; margin-bottom:20px; text-align: center; -webkit-animation: pulse 1s infinite;} .inner1 { width: 74px; height: 74px; background: #fff; border:1px solid #000; position: relative; border-radius: 50%; text-align: center; -webkit-animation: pulse 2s infinite;} @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) }} @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) }} .pulse { -webkit-animation-name: pulse; animation-name: pulse }提前致謝
如何在CSS中添加一個(gè)又一個(gè)的脈沖動(dòng)畫，例如交通燈連續(xù)閃爍
慕田峪4524236
2024-01-22 15:54:45
