CSSでfade-inする方法を調べると@keyframesというのが出てきて簡単にできそうだと思ったのですが動きませんでした。何が問題でしょうか?
因みにreactを使ってCSSをimportしています。
CSS
1@keyframes fadeIn { 2 from { 3 opacity:0; 4 } 5 to { 6 opacity:1; 7 } 8} 9 10:local .text1 { 11 12 animation-name: fadeIn; 13 animation-duration: 10s; 14 15}
JS
1render() { 2 return ( 3 <h3 className={style.text1}>test</h3> 4) 5}
関係ないところは省略していますが、以上の様な形です。起動と同時にフェードインするアニメーションは@keyframesを使う以外にもあるでしょうか?もしあればやり方は問わないのですが、@keyframesを使った方法が理解しやすそうだったのでできればこれを利用したいです。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/09/29 09:32