CSS counter up @property in Safari

Question

我的counter-up css代码在Safari上不起作用(手机：12.4.9，桌面：Mojave(。我正在努力不要使用javascript。你能帮忙吗？

我的代码

@property --num{syntax:"<integer>";initial-value:300;inherits:false}
.c300{animation:counter 29s ease-in-out;counter-reset:num var(--num)}
.c300::after{content:counter(num)}
@keyframes counter{from{--num:0}to{--num:300} }

<div>
<h3 class="c300"></h3>
<p>total</p>
</div>

Answer 1

事实证明，这是一项实验性技术。Firefox和Safari尚不支持。