CSS

CSS

Safari13.0.2でフォームのselectボックスを使うとクラッシュする

Safariでフォームのデバッグをしてたら、変なバグに遭遇しました。 「selectボックスが開かない!!」 開かないし、Safariがクラッシュするではないか。 ということで調べてみました。 調査結果 調べてみると、...
CSS

CSSのdisplay:flex で幅(width)の指定が効かない時の対処法

こんにちは。 display:flex(flexbox)で要素を横に並べた際に、幅を指定してもその通りにならないと困っていませんか? 本記事では、CSSのdisplay:flexで幅(width)の指定が効かない時の対処法を解説して...
CSS

【CSS】テキストで背景を切り抜く方法

使うプロパティは、以下の3つです。 -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; ba...
CSS

Animate.cssがiPhone6sで動かない場合の対処法

Animate.cssがiPhone6sで動かない。 そんな経験はありませんか? この記事では、Animate.cssがiPhone6sで動かない場合の対策を紹介します。 ほとんどの場合、これから紹介するやり方で解決するはずです。...
CSS

CSSで変数を使う方法

こんにちはmacoです。 CSSでカラーコードや数値など、よく使う値を変数にすることができたら便利ですよね。 この記事では、CSSで変数を使う方法を紹介します。 変数の定義方法 変数はCSS内で次のように定義します。 :roo...
CSS

CSSで背景付きの斜めの要素を作る方法

オシャレなサイトが増えている現代、CSSで背景付きの斜めの要素を作りたいという人がいると思います。 この記事を読めば、その作り方を学ぶことができます。 CSSで背景付きの斜めの要素を作る方法 まずはデモを見てください。 デモ ...
CSS

CSSのフォントサイズをpxからremに変えたら捗った話

こんにちはmacoです。 今回は、「CSSのフォントサイズをpxからremに変えたら捗った話」をしたいと思います。 皆さんは、CSSのフォントサイズの単位は何で指定していますか? 僕はつい最近までpxでずっとやってきましたが、re...