[Solved] what is the meaning of data-300-center-center in data attribute html [closed]

Question

You can read the docs:

The syntax is data-[offset]-[anchor], where offset can be any integer (0 is default) and anchor can be either start (default) or end. Either offset or anchor can be omitted in some situations. Here are some examples of key frames and their meaning.

For example:

data-bottom-center = data-0-bottom-center: When the element’s center is at the bottom of the viewport, thus the upper.

So in your case:

data-300-center-top means that element’s center is 300px below the top of the viewport.

Accepted Answer

You can read the docs:

The syntax is data-[offset]-[anchor], where offset can be any integer (0 is default) and anchor can be either start (default) or end. Either offset or anchor can be omitted in some situations. Here are some examples of key frames and their meaning.

For example:

data-bottom-center = data-0-bottom-center: When the element’s center is at the bottom of the viewport, thus the upper.

So in your case:

data-300-center-top means that element’s center is 300px below the top of the viewport.