タグ: CSS

超個人的に参考にしてる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色に分類して横に並べたナビがあります。 スマートフォンなどでは横幅が足り …

text-align-last:left; は不要|2001Y.me

text-align-last:left; は不要

日本の印刷物では(日本語組版らしい?)両端揃えが一般的らしいのですが、Webなどのパソコン上でのテキストでは欧文が元にな …

[CSSだけ]1行でhover時に画像を切り替える|2001Y.me

[CSSだけ]1行でhover時に画像を切り替える

content: url(“URL”); JSを使わずに、CSSに一行加えるだけでimgの画像の …

[CSSだけ]1クリックで全選択できるuser-select:all;|2001Y.me

[CSSだけ]1クリックで全選択できるuser-select:all;

mdnのuser-selectを見ていたら、user-selectを使えばCSSだけで1クリックで全選択肢できることに気 …