# Применение вендорных префиксов для создания анимации в LESS

Давайте сделаем функцию, которая реализует кроссбраузерную команду `@keyframes`:

`.keyframes(@name, @code) { @-o-keyframes @name {@code();} @-moz-keyframes @name {@code();} @-webkit-keyframes @name {@code();} @keyframes @name {@code();} }`

Воспользуемся нашей функцией:

`.keyframes(anim, { from { width: 100px; } to { width: 200px; } } );`

Результат компиляции:

`@-o-keyframes anim { from { width: 100px; } to { width: 200px; } } @-moz-keyframes anim { from { width: 100px; } to { width: 200px; } } @-webkit-keyframes anim { from { width: 100px; } to { width: 200px; } } @keyframes anim { from { width: 100px; } to { width: 200px; } }`
←
↑