CSS

マテリアルデザインで欠かせないものが「影」。 影を操るものはマテリアルデザインを制します。ということで、CSSで影を表現するbox-shadowについて、使い方のおさらいをしておきましょう。 基本的な使い方 box-sh […]

animationプロパティは指定できる値を見てもらうと分かりますが、transitionととても似ています。 animationで指定できる値（プロパティ）は以下のとおり。 animation-name animati […]

transformプロパティでは、以下の変形を実現できます。 移動 縮尺 回転 傾斜 遠近効果 transform自体は要素を変形させるだけの役割ですが、 transitionなどと組み合わせることで、マテリアルデザイン […]

transitionを日本語訳すると、 移り変わり 移行 変遷 変化 といった意味になります。 まさにアニメーションに関するプロパティですね。少し難しく表現すると「時間的変化」を表現するものです。 マテリアルの表現はtr […]

要素の高さを意識せずに上下中央に揃える方法を紹介します。 レスポンシブで要素の大きさが固定できない今の時代に合った指定の仕方だと思うので、ぜひ覚えてください！ position: abosoluteを使います。 上下揃え […]

今の時代、レスポンシブデザインできないWeb屋なんてWeb屋じゃありません。ただ残念なことに、少し勉強すれば考え方は理解できるレスポンシブを理解しないまま枯れはじめているWeb屋が多いのも事実です。 時代に取り残されない […]