前回
参考書籍
実際のコード
■プルリクエスト
単一トランジション実装 by klack710 · Pull Request #24 · klack710/study-vue · GitHub
■作ったもの(ブランチはmaster参照なので、今後も更新されます)
(2019/04/04時点では、今回の内容は含まれていないです!)
今回やったことは?
- transitionでモーション生成
- transitionにnameで複数パターン作成
- ボタンで表示切り替え
学んだメモ
transitionにnameをつけることで、transitionの種類を増やしたい時に有効。
右に動くtransitionと、左に動くtransitionとかね!
感想は?
楽しい・・・!とにかく楽しい。
まだ公開してませんが、ぽちぽち動くのを見てるだけで超楽しいです。
CSSが凄いって話のはずなんだけど、簡単に管理出来るのがいいところ。
他の人に書いてもらう時に『これ使うといいよ』というのがわかりやすいのもいいね。
CSSとクラスで書くと、あっちこっちに書かれてしまう未来が見えるからこれはよさそう。
ただ、CSS都合のものをHTMLタグと一緒に書くというところがもやっとしてなくはない、、、!
実際にtransitionタグを現場で使っている人いるのかな?