CSS 在 Safari 中对抗@属性

Question

我的计数器 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 尚不支持。