SVG線画が美しいリッチアニメーションの作り方 (1/2)
ページ遷移が楽しい繊細で滑らかな動き CSS3を使った滑らかな動きと大胆なタイポグラフィが魅力的な「Beatrice Creations」。黒と白を基調とした至ってシンプルなデザインながら、つい全ページを見てみたくなる、飽きのこない演出が施されている。 Béatrice Créationsでは、複数ある作品のロゴにSVGが使われており、作品ページを移動するたびに美しいカーブを描く。軽量で、枠線や線画によって繊細でリッチな世界観を演出する、今注目のSVGアニメーションを有効に活かしたサイトだ。 今回はこのサイトをヒントに、SVGの基本と、CSS3アニメーションを使った動かし方を解説する。CSSとHTMLのみで次のような枠線とテキストを描き、最終的にはjQueryを使って色を変えるデモを制作する。 STEP 1：SVGのパスを作成する アニメーションを作る前に、Illustratorを使って素
HELLO! ポール・スミス展を満喫してきました@上野の森美術館 - CindⅢ site
2016 - 08 - 18 HELLO! ポール・スミス展を満喫してきました@上野の森美術館 行ってきた・やってみた オフ会レポート 皆さんの1番好きなファッションデザイナーさんって、どなたですか？ わたしは、かっこよくて、可愛くって、遊び心がたまらないポール・スミス！ この独特の色使いのマルチストライプが大好きです＼＼٩( 'ω' )و //／／←割とミーハー ポールスミス Paul Smith 正規品 財布 二つ折り財布 メンズ ブラック(黒)×マルチストライプ AKXA 1033 W567 B posted with カエレバ Amazon 楽天市場 現在上野の森美術館で ポール・スミス展『HELLO, MY NAME IS PAUL SMITH』 が開催されているので、ブロガー仲間を連れて行ってきました〜〜！ 上野の森に現れたポール・スミス JR上野駅・公園口を出て案内通りに数分
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
