Как keyframe добавить в объект style?

Question

[Павел Орловский]

Как keyframe добавить в инлайновый объект style?

<DeleteOutlinedIcon
     style={{
     color: `${currentColor}`,
     animation: "3s infinite alternate slidein",
     }}
/>

Как добавить keyframe sliden в данном коде?

keyframe sliden:

@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%;
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}

Comments

[Владимир Юрченков]

animation: slidein 3s + опции
не? без ковычек

[Павел Орловский]

Владимир Юрченков, как без ковычек? Можете показать пожалуйста?

[zxf]

<DeleteOutlinedIcon
     style={{
     color: `${currentColor}`,
     animation: 3s infinite alternate slidein,
     }}
/>

[Павел Орловский]

zxf, зачем вы это пишите если не знаете азов, что в объекте стайл значения свойств должны быть строкой...

[zxf]

Павел Орловский, я ответил на вопрос: «как без кавычек?», в Ваш вопрос даже не вчитывался)

Answer 1

[Александр Алексеев]

добавьте в общий css файл
на эту анимацию могут в последствии ссылаться другие элементы