タグ: CSS

[CSS]Safariでlist-style-typeに任意テキストを指定できない|2001Y.me

[CSS]Safariでlist-style-typeに任意テキストを指定できない

Safariでlist-style-typeにテキストを指定することができませんでした。検証環境 …

[CSS2行]画像,地図などの"はみ出させたい要素"を親要素関係なくウィンドウ幅に|2001Y.me

[CSS2行]画像,地図などの"はみ出させたい要素"を親要素関係なくウィンドウ幅に

レスポンシブデザインを作成しているとどうしてもmax-widthを多用する場面が増えてきます。 しかし、デザイン的に画像 …

flex:1;で解消しない『潰れ』はflex-shrink:0;|2001Y.me

flex:1;で解消しない『潰れ』はflex-shrink:0;

iPhoneで自分のブログを見ていたら、表示が乱れてる… これはFlexboxを使うとたまに発生 …

超個人的に参考にしてるWebデザインのおすすめサイトまとめ|2001Y.me

超個人的に参考にしてるWebデザインのおすすめサイトまとめ

参考にしてるサイトを教えて!と言われたので、少し頭の整理のためにもブックマークに入ってたWeb関連のサイトをまとめてみま …

[CSSだけ]perspectiveで本を立体的に開くアニメーション|2001Y.me

[CSSだけ]perspectiveで本を立体的に開くアニメーション

Webというデジタルなデザインの中に、紙を表現したくなる時は多々あります。そんな中で本を開くようなアニメーションは魅力的 …

[CSS]上下左右中央は2行で済ませる!|2001Y.me

[CSS]上下左右中央は2行で済ませる!

CSSを書くうえで、利用頻度が著しく高いのに書くのが割と面倒なのが、上下左右中央。Flexboxが登場して3行のコードで …

[CSSだけ]スクロールを促すバウンドアニメーション|2001Y.me

[CSSだけ]スクロールを促すバウンドアニメーション

このブログのリストページはカテゴリを4色に分類して横に並べたナビがあります。 スマートフォンなどでは横幅が足り …