HimaJyunメールサーバを建ててたのですが、マザボが届かないので時間つぶしにWeb製作をしています。ToolsがCSSのtransition指定を超簡単にする機能を備えていることに気づいたのでご紹介。アニメーションの時間を調整するCSSのtransitionで動かしたいCSSのtransitionはアニメーションさせるのに非常に便利です。動かし過ぎるとねちゃねちゃしてムカつくWebサイトになりますが、メニューを出し入れする時くらいならユーザーにも分かりやすくて良いでしょう。開発ツールで表示されているスタイルtransition指定の横に表示されている謎のアイコンをクリックするとそいつは出現もう見るからに便利そうな雰囲気が漂っています。左にある3つの四角は上からease-in-out系、ease-in系、ease-out系となっています。下にある矢印をクリックする事で用意されているいくつかのパターンが切り替わります。切り替えると上に表示されている紫の玉が実際にどのようにアニメーションするか例を示してくれます。Back」とかは「これめっちゃGoogleって感じだわ」です。アニメーションの時間を調整する動き方だけじゃないですよ、アニメーション時間を調整する機能も搭載されています。toolsからAnimationsを選択して......実際に要素を動かすと動いたものがキャプチャされる時間軸の部分を動かしたり伸ばしたりする事で時間の調整が可能です。凄く便利です、これでtransitionを簡単に指定出来ます。いうかtransitionの指定はこういうツールがないとほぼ無理に近いです、パーサーに優しい構文は人間には厳しいのです。Web制作スポンサーリンクB!LINEへ送る関連記事JavaScriptを利用してpreタグをインデント出来る様にするpreタグは改行や空白をそのままに表示してくれる便利なタグです。それ故......続きを読む→Disqusで使えるHTMLタグ一覧このブログではコメント欄にDisqusを使用しています。G4560で高コスパマシンを組んだナカのヒト:HimaJyun​散って美しいのは桜だけです、情報はまとまっていた方が美しいのです。