Question

我有以下html

<p data-300-center-top="transform: scale(0.8); opacity: 0" 
   data-300-center-center="transform: scale(1); opacity: 1">

一起使用

我不明白我在属性data-*-center-center和data-*-center-top中使用数字300的原因或原因。

Answer 1

您可以阅读docs：

语法为data-[offset]-[anchor]，其中offset可以是任何整数（默认值为0），锚点可以是start（默认值）或end。在某些情况下，可以省略偏移量或锚点。以下是关键帧及其含义的一些示例。

例如：

data-bottom-center = data-0-bottom-center：当元素的中心位于视口的底部时，即上部。

所以在你的情况下：

data-300-center-top表示元素的中心位于视口顶部下方300px。