Category : CSS関連

CSSでカスタムプロパティが使えるようになってたようです #css #css3

SCSS(SASS)を使っている人ならわかると思いますが、変数を使う時、「$変数」ということをやっているはず。どうやらそれがcssで使えるようになっていたようで...

どうやらcss3でいろいろな関数が使えるようになっていたようです

6月から人生充電中です。最近だいぶ調子がよくなってきたので、web界隈を探っていたところ、どうやらcssで関数が使えるようになってた模様です。すべてのブラウザに...

CSSで使える単位が増えてたので改めて学び直し #css

CSSだけでwebページをバウンド表示させる方法(q-az)という記事を見てたら、vhなんていう単位が出ていました。しばらく離れてるうちにCSS界隈もいろいろ変...

CSSでクリアガラスみたいな見出しを作るメモ #CSS

今回のCSSで作る見出しのメモはクリアガラスのような見出しをCSSだけで作るメモです。 こんなかんじの見出しを作ります。 見出しサンプル 上のサンプル...

css3で追加されたnth-childとnth-of-typeの違いについてまとめてみた #css #css3

最近は、nth-of-typeのほうが使い勝手がよくて、nth-childをあまり使わなくなった感のある旦人です。この2つの擬似要素が似ているようで、全然違う働...

CSS3で追加されたワイルドカードの使い方を確認 #CSS #CSS3

CSSといえば、すべての要素に適用できるワイルドカードみたいな「*」があります。リセットCSSやノーマライズCSSを書くときなんかに重宝するアレです。 さ...

今さらだけどcssのセレクタの親子関係の確認まとめ #css3 #css

今さらだけど、CSS3で追加されたセレクタも合わせてCSSのセレクタの親子関係をまとめてみようと思います。 ここでは、便宜上、クラス名を親、子、孫といった...

正方形の画像を円形にトリミングする #CSS

最近、googleのマテリアルデザインのおかげで何かと目にするになった円形トリミングを画像に適用するということについてです。以前、トリミングの話を書いたときは、...

はみ出した文字をぼかして消していく方法のメモ #CSS

もしかしたら、気づいた人がいるかもしれませんが、indexページのタイトルの表示の仕方を変えました。 タイトルの部分の文字の改行をやめて、ボックス...

CSSのグラデーションを使ってメタリック感を出すメモ #CSS

CSSのグラデーションをうまく使うと、メタリック感のある背景色を作ることができます。 今回は忘れないうちにそんなメモ。 金色メタリック [crayon...

12