fluxstoragehub4.sbs

Converter:

Written by

pw

in

Those look like CSS custom properties used to control a scoped animation. Short explanation and how to use them:

  • -sd-animation: sd-fadeIn;

    • Selects which animation to run (here a custom animation named “sd-fadeIn”).
  • –sd-duration: 250ms;

    • Sets the animation duration to 250 milliseconds.
  • –sd-easing: ease-in;

    • Sets the timing function (easing) for the animation.

Example usage (CSS):

css
.element {/* defaults */  –sd-animation: sd-fadeIn;  –sd-duration: 250ms;  –sd-easing: ease-in;
  animation-name: var(–sd-animation);  animation-duration: var(–sd-duration);  animation-timing-function: var(–sd-easing);  animation-fill-mode: both;}
@keyframes sd-fadeIn {  from { opacity: 0; transform: translateY(6px); }  to   { opacity: 1; transform: translateY(0); }}

Notes:

  • p]:inline” data-streamdown=“list-item”>Ensure the animation-name matches an @keyframes rule.

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

More posts