CSS3を極めたいなら知っておきたい三角形を作る3つの方法

CSS3を使い始めていくと、ぶつかる壁に「三角形みたいに尖った角」をどう表現するかというのがあります。三角形って思ったより難しいです。 まぁ無理しないで、イメージで作ればいいんですけど、ちょっとした装飾だったりすると、ちょこっとCSSで作れると楽な時もあります。 そこで、CSS3で「三角形みたいに鋭角を作る方法」を３つ紹介します。ここで紹介する方法には、メリットとデメリットがありますので、使い分けれるようになるといいと思います。 1. グラデーションを使う こちらの記事でも紹介しましたが、背景を background-size と background-position で4分割して、斜めのグラデーションを使うことで角を落とすことができます。 コード 4分割して、4つのグラデーションでそれぞれを塗ります。この方法では、塗りを使っているので、カスタマイズ性が高いですが、グラデーションを使って

[teramako]

『CSS3を使い始めるとぶち当たる壁に「三角形みたいに尖った角」をどう表現するかという問題にぶち当たります。』えええええええーーーーーーーーーーー！？

[kool_kreate]

三角形の角度をつける

[lazex]

cssで三角形

[kawagene]

CSS3を極めたいなら知っておきたい三角形を作る3つの方法

[hardboiled243]

CSSで三角形を作る

[pivotdgdg]

CSSで三角形

[niship_0822]

ぱんつだこれ…

[corrupt]

どう見てもはてブに使われているサムネがパンツ。

[saladdays]

css3で三角形描画。border使うよりもキレイ。

[tuki0918]

しまぱんはできないのだろうか。

[warriorking]

CSS3を極めたいなら知っておきたい三角形を作る3つの方法 | Webロケッツマガジン

[yoshi_s55]

読了ϵ( 'Θ' )϶

[tofu-kun]

これは演習にいいな

[wasai]

あとで読む

[kits]

"ぶち当たる壁にぶち当たります"みたいなことになってる(冒頭の文)。

[JHashimoto]

"そこで、CSS3で「三角形みたいに鋭角を作る方法」を３つ紹介します。ここで紹介する方法には、メリットとデメリットがありますので、使い分けれるようになるといいと思います。"