Add argument into @keyframes property less

I have a property @keyframes, I compiled with autoprefixer to add the needed prefixes.

What I would like to do, is to add an argument to the animation name (or wherever is possible) to change a value of properties into the keyframes key.

This is what I have right now :

@keyframes loader {
  0% { transform: translate(0, -50%) rotate(0deg); }
  100% { tranform: translate(0, -50%) rotate(360deg); }
}

And basically what I would like to do :

@keyframes loader(@transform) {
  0% { transform: @transform rotate(0deg); }
  100% { tranform: @transform rotate(360deg); }
}

Thanks.


Source: css3

Leave a Reply