サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Pixel 9
www.nomad-creator.com
01AfterEffectsでパスアニメーションを作る この記事は、「デザイン女子部 Advent Calendar 2020」の23日目の記事です! 今回は、SVGのパスアニメーションを簡単に実装できる、BodymovinとLottie.jsの使い方を簡単に紹介したいと思います。まずは、AfterEffects(以下、AE)を使ってパスアニメーションを作りましょう。AEの使い方については、ここでは詳しい説明は省略します(大変長くなってしまうので…。)ただ、AEを使ってどんなことが出来るのか、少しでもイメージがわくように、私が実際に作業した事例を基に、おおざっぱに紹介しちゃいますね!!! AfterEffectsの編集画面 AfterEffectsの編集画面はこんな感じ。初めて開く人は何が何やらわからずびっくりしちゃうかもしれませんね。 ペンツールや選択ツール、回転ツールなどを切り替えるツ
01CSSで縦書きレイアウトを組む writing-mode 縦書きのレイアウトにするには、CSSのwriting-modeプロパティを使います。 HTML <div class="vertical"> <p>縦書きレイアウトで<br>表現の幅が広がります。</p> </div> CSS .vertical { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } 出力結果 縦書きレイアウトで 表現の幅が広がります。 writing-modeの値には下記があります。 horizontal-tb(lr-tb) 横書き、上から下へ改行 vertical-rl(tb-rl) 縦書き、右から左へ改行 vertical-lr(tb-lr) 縦書き、左から右へ改行 カッコ内はIE用のベンダープレフィックスの値です。 実際にスタイルを適用したものを見
このページを最初にブックマークしてみませんか?
『ノマクリ|旅するWEBデザイナー・フロントエンドエンジニアの覚書き』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く