今日はnth-of-typeを学んだ。参考#17 ある要素のうち、n番目に来る要素 | CSS3入門 #17 ある要素のうち、n番目に来る要素 | CSS3入門 - プログラミングならドットインストール昨日やったのと殆ど同じだった。要素を指定して何番目に適用するか決めれる。 nth…

今日は～-childについて学んだ。参考#16 n番目に来る要素を指定する | CSS3入門 #16 n番目に来る要素を指定する | CSS3入門 - プログラミングならドットインストールnth-childで何番目の要素に適用するか決めれる。 要素を特に指定しない場合は*で何にでも指…

お家に帰ったらやってみようね。Progate(プロゲート) | Learn to code, Learn to Create Progate | Learn to Code, Learn to be Creative

今日は属性セレクタについて学んだ。参考#15 属性セレクタを使ってみよう | CSS3入門 #15 属性セレクタを使ってみよう | CSS3入門 - プログラミングならドットインストール要素の属性で一致するものだけに適用できるかなり便利なものだった。 今回はリンクの…

今日はanimationについて学んだ。参考#13 キーフレームでアニメーション (1) | CSS3入門 #13 キーフレームでアニメーション (1) | CSS3入門 - プログラミングならドットインストール#14 キーフレームでアニメーション (2) | CSS3入門 #14 キーフレームでアニ…

今日はtransitionについて学んだ。#12 簡単なアニメーションをつけてみよう | CSS3入門 #12 簡単なアニメーションをつけてみよう | CSS3入門 - プログラミングならドットインストールdivにtransitionをつけて、マウスオン(hover)で形が変わるようにした。tra…

要素を変形させる第2弾。参考#11 要素を変形させてみよう (2) | CSS3入門 #11 要素を変形させてみよう (2) | CSS3入門 - プログラミングならドットインストール 今日もtransformの続き。 translateが移動させるこどができる。これもXやYで指定可能。 rotate…

今日は要素の変形について学んだ。 今回もブラウザに寄って対応がマチマチ。webkitを使いました。参考#10 要素を変形させてみよう (1) | CSS3入門 #10 要素を変形させてみよう (1) | CSS3入門 - プログラミングならドットインストールoriginで始点を指定でき…

円形グラデーションradial-gradientについて学んだ。 今回も使用するブラウザがchromeのため-webkit-radial-gradientと記述した。参考#09 円形グラデーションをつけてみよう | CSS3入門 #09 円形グラデーションをつけてみよう | CSS3入門 - プログラミングな…

線形グラデーションについて学んだ。 使用ブラウザがchromeのため、-webkit-linear-gradientで指定した。参考#08 線形グラデーションをつけてみよう | CSS3入門 #08 線形グラデーションをつけてみよう | CSS3入門 - プログラミングならドットインストール使…

テキストに影を付けるtext-shadowについて学んだ。参考 #07 テキストに影をつけてみよう | CSS3入門 #07 テキストに影をつけてみよう | CSS3入門 - プログラミングならドットインストール指定の仕方としては縦方向・横方向・ぼかし具合・色の指定の順番で指…

今日はbox-shadowについて少し学んだ。参考 #06 ボックス要素に影をつけてみよう | CSS3入門 #06 ボックス要素に影をつけてみよう | CSS3入門 - プログラミングならドットインストール見て分かるとおり、ボックスに影を付けれます。 水平方向 垂直方向 ぼか…

トルネコとかシレンっぽい感じだった。 用事を済ませ、時間があればちょっとやってみようと思う。 参考記事 死んで覚える本当のGitの使い方 - mizchi log 死んで覚える本当のGitの使い方 - mizchi log 家に帰ると音楽聴く時間もないし、勉強で遊べるのはあり…

今日は色の指定と、透明化について少し学んだ。rgba()とopacity。 参考 #05 色の指定と透明化 | CSS3入門 #05 色の指定と透明化 | CSS3入門 - プログラミングならドットインストール rgbaは()の中に赤緑青の順で指定し、最後に透明度を指定する。 rgbは1~9で…