CSS

CSS

【CSS】input[type=”file”]をCSSだけでカスタマイズする

JSを使わずにCSSだけでファイルアップロードのinputタグをカスタマイズする方法です。display: noneを使うとドラック&ドロップが効かなくなってしまうので、opacity: 0でインプットを非表示にします。
CSS

【CSS】三角形の作り方

CSSで三角形を作る方法として、borderとclip-pathでの作成方法を解説しています。borderは昔から紹介されている有名な方法ですが、clip-pathはもっと感覚的に使える方法となっています。どちらも仕組みさえわかってしまえば簡単に使いこなせるかと思います。
CSS

【CSS】transitionの使い方

CSSのtransitionはなんとなく使って入るけど、ちゃんとした使い方はわからない。そんな時のための詳しい使い方をご紹介します。