How to set keyframes name in LESS

Question

I try to set up this LESS mixin for CSS animation keyframes:

.keyframes(@name, @from, @to) {;
  @-webkit-keyframes \"@name\" {
    from {
      @from;  
             


        

Answer 1

I think you should do this

@-webkit-keyframes @name 
{
 code...
}

change "@name" to @name

and you should delete ; after

.keyframes(@name, @from, @to) {