CSS：当div的CSS属性更改时播放动画

Question

我想从纯CSS更改div属性开始创建动画。

div的初始状态为： import time from multiprocessing import Pool NUM_TIMES = 8 def func(i): time.sleep(1) # serial t0=time.time(); [func() for i in range(NUM_TIMES)]; print (time.time() - t0) # 8.020868062973022 # pool.map t0=time.time(); Pool(NUM_TIMES).map(func, range(NUM_TIMES)); print (time.time() - t0) # 1.2892770767211914

将display: none;属性更改为不等于display的值， 应该播放动画（使用插入框阴影的内部发光效果）。 属性的更改可以多次出现。每次更改后，动画 应该播放。

使用纯CSS是否可能？还是我需要额外使用javascript？

none

 box-shadow: inset 0px 0px 20px 5px rgba(255,255,255,0.0);  
 animation-duration: 5s;
 animation-name: card-appear;