#css #emotion #template-literals #css-in-js
Вопрос:
По какой-то причине второй литерал шаблона (после animation: ) работает нормально, но первый (в transform: ) — нет.
Это не выдает ошибку, и программа запускается, она просто игнорирует ее, и это преобразование, похоже, застревает с последним рабочим значением:
'@keyframes boing': {
'0%': {
transform: 'translate(0, 0)',
},
'40%': {
transform: `translate(0, ${i < 1 ? '' : '-'}5px)`,
},
'100%': {
transform: 'translate(0, 0), scale(1.4)',
},
},
animation: `.3s linear ${i < 2 ? 'boing' : 'bump'}`,
Это i просто индекс для функции .map ().
Есть ли какие-то проблемы совместимости с литералами шаблонов, которые я пропускаю?