タグ

2015年12月16日のブックマーク (1件)

  • CSSでいろんなカタチを表現してみる

    CSS3の新たなプロパティ「transform」と「border-radius」を使って、CSSのみでいろんなカタチを表現できるようになりました。すべてを暗記するのも大変なのでコピペで再利用できるようにメモしておきたいと思います。 DEMO 正方形 -Square- 長方形 -Rectangle- 円形 -circle- 楕円形 -oval- 三角形(上) -Triangle Up- 三角形(下) -Triangle Down- 三角形(右) -Triangle Right- 三角形(左) -Triangle Left- 三角形(左上) -Triangle TopLeft- 三角形(右上) -Triangle Topright- 三角形(左下) -Triangle BottomLeft- 三角形(右下) -Triangle Bottomright- 湾曲した矢印 -Curved Tail

    CSSでいろんなカタチを表現してみる