Tag : CSS

【マテリアルデザイン】高度に合わせたbox-shadowを設定したclassを作る

Googleのマテリアルデザインは、フラットデザインに影がついてるだけと思われがちですが、厳密にたくさんのルールが存在しています。そのあたりはマテリアル...

【2018年版】media queryにおけるBreakPointの設定をmixinにする

2016年にあらかじめブレイクポイントごとのmixinがあると便利なはず!と思い、Breakpointに関するmixinを作りました。が、あれから2年たってみて...

【CSS】CSSだけでwebページをスライド表示させてみる

CSSだけでwebページをバウンド表示させる方法(q-az)でバウンドさせているのが衝撃的だったので、他にもできないかとひとまずスライド表示させることを試してみ...

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

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

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

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

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

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

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

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