~Webデザインを「観る」ブログ~1日1Webデザイン、素敵なサイトを私なりにご紹介。Web制作やクリエイティブな情報もお届け。Point!ロケットがデバイス間を動きまわることで、レスポンシブWebデザインをアピールフラットWebデザインでシンプルに要素が画面に表示されるときのアニメーション私はWebデザインのココを見た!Tweetレスポンシブ・ウェブデザインを象徴するアニメーションが面白いなー!ロケットが画面を飛び回ります。フラットの中を飛び回るのはどうやるのか。ウィンドウサイズが変わっても動くのはなぜか。アイディアだなーと感心。デバイスを駆け抜けるロケットレスポンシブWebデザイン、出来ます!ということは視覚的に魅せる面白いアニメーション。自分の能力をこんなふうに表現できるのかーと感心してしまいました。これgifアニメなのかー?と思ったら、スマホでもしっかり動いて表示されるの。やってんねーん!と思い調べました。ロケットを動かします。この動き、実はなんとCSSのみで構成されています。ここまで出来るんですね!iPhoneでも作動しますし、やっぱりCSS3はすごい。(参考)CSS3のアニメーションってすごい。処理}と、アニメーションを設定していきます。このCSSでまずロケットを動かす。上からz-indexでこの画像をかぶせます。することで、ロケットを画面と画面の間で隠してるんですね。こんな方法があったか。自分のスキルを最大限にアピールすることが出来るポートフォリオサイト。いった小さなアイディアとそれを実現する能力があるということを、効果的に魅せている良いWebデザインでした。今日参考にさせて頂いたサイトVtcreativeこの素敵なWebデザイン、「いいな」と思いました?その気持ちをポチッと残しておきましょう!ツイートTwitter/FacebookではWebデザインにまつわることから、Web制作に関することを日々配信しています。Webクリエイターボックス元祖レスポンシブWebデザイン!Webデザインの巨匠が集うECサイトのWebデザイン弧を描くグローバルメニューが特徴的な、ワクワク感を演出させるWebデザイン。About都内に住むWebデザイナーの卵です。世の中に無数に存在するWebデザインから、沢山のことを学ぼうと思いブログ運営を始めました。1日1Webデザイン、私が感じたこと含め紹介していきます。面白いサイトタイプ印象カラーレイアウト特徴・その他1日1Webデザインあなたにとっての素晴らしいWebデザインが見つかりますように。