ブックマーク / tomotan.hateblo.jp (1)

  • CSSでツムツム風の縫い目付きボタンを作ってみた - わたしと納豆ごはん

    【追記 (2017/04/07):Flexbox(フレキシブルボックスレイアウト)対応ブラウザが増えてきたので、Flexboxを使ったCSSに一部を大幅変更しました。】 今回はCSSの話です。 みなさんは「ツムツム」というゲームをご存知ですか? ツムツムとはツムツムと呼ばれるぬいぐるみをつないで消していくパズルゲームなんですが そのゲームはぬいぐるみを基調としているため、ボタンなどゲーム画面がフェルトを縫い付けたようなデザインなんです。 そのデザインをCSSで作ってみるというのが、今回の記事です。 スポンサーリンク というのも、私自身がborderのdashedが私はけっこう好きで、それを活かせないかなと思っていたのです。 そんなときに、たまたまこのゲームをしていて、その時に思いついた、という話なんです。 では、とりあえず出来上がったものをご紹介します。 シンプルなデザインまずは簡単にシン

    CSSでツムツム風の縫い目付きボタンを作ってみた - わたしと納豆ごはん
  • 1