Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[CSS] Simply-Buttons v2 – CSSだけで動作する、テキスト量に対して幅が可変なボタン

  • Pocket
  • このエントリーをはてなブックマークに追加

テキストの量に応じて幅が変わる、シンプルな角丸ボタンをCSSだけで動作させるというもの。このあたりを見ると、JSファイルが使われていない事が分かります。HTML記述がいわゆるspanタグの2重がけするものでわりと簡単であるという点、 Inactive, Active, Hoverという3つの状態を制作できる点において優れているなぁという印象。汎用性は高そうです。早速使わせてもらいます。

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください