タグ

2015年6月9日のブックマーク (2件)

  • #SE版桃太郎電鉄

    よんてんごP @yontengoP 『増やすりん 増やすりん!要件増やしちゃうのねん! 要件増やしてシステムを複雑にするのねん! 管理者画面を増やすのねん! ゲストユーザと管理者ロールを増やすのねん! 要件たくさんないとシステムが寂しいもんね! ボンビ~!』 #SE版桃太郎電鉄

    #SE版桃太郎電鉄
  • なぜCSSのborderで三角形ができるのか、実際にコードを書いて調べてみた | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、おじいちゃんです。 Webサイトを作っていると、デザインによってはCSSを使って三角形を作るときがあります。便利ですよね。画像だとhover時に色が変えられなかったり、作ったとしてもアニメーションがつけられなかったり、かといってSVGにするほどでもない。 CSSのborderを利用することで、三角形は比較的簡単に作れますし、アニメーションもできる。それではなぜborderを利用することで三角形が表現できるのか、考えてみたことありますか? 今回はborderを利用して、三角形を表現できるCSSの挙動について紹介したいと思います。 まずは書いてみる 黒で塗りつぶされた三角形を書いてみます。 <span>タグに任意のクラスを当てたHTMLを用意して、下記プロパティを当てることで三角形が表現できます。 <span class="triangle"></span> .triangle{

    なぜCSSのborderで三角形ができるのか、実際にコードを書いて調べてみた | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    su_zu_ki_1010
    su_zu_ki_1010 2015/06/09
    コードを書いて挙動確認した。なるほどなるほど。