エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント2件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
グランジからかわいい系まで!CSS3でステッチ(縫い目)を表現する方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
今回はボタンなどのあしらいに便利な小ネタをご紹介します。 上記画像のような、糸で縫いつけたようなあ... 今回はボタンなどのあしらいに便利な小ネタをご紹介します。 上記画像のような、糸で縫いつけたようなあしらいをCSS3だけで実装できちゃうんです。 HTML <body> <h2>outlineでステッチ</h2> <p class="s1">LIFE IS GOOD <h2>outlineでステッチ+box-shadowで更に外枠</h2> <p class="s2">LIFE IS GOOD <h2>borderでステッチ+box-shadowで外枠</h2> <p class="s3">LIFE IS GOOD <h2>角丸</h2> <p class="s4">LIFE IS GOOD <h2>変形</h2> <p class="s5">LIFE IS GOOD <p></body> body { background: #ccc; } h2 { text-align:center;
2012/08/06 リンク