Nextjs自带的styled-jsx(v 3.2.1)可能是不支持css3动画中@keyframes,多次尝试失败,现在采用把@keyframes写入css文件中,通过页面入口引入,(注意,在组件内部使用Head组件会编译出错)
import React from 'react'
import Head from 'next/head'
class Index extends React.Component {
render() {
return (
<div>
<Head>
<link href="/static/css/animation/marquee.css"rel="stylesheet"/>
</Head>
</div>
)
}
}
export default Index
本人菜鸟,可能很多大佬有其他的解决方法,希望可以赐教下