この無料WebアプリでピュアCSSトライアングルを作成しよう

Webをaにする大きな推進力があります もっとCSSに優しい場所. 長年, 画像 いつもだった ブラウザハックの解決策 背景の繰り返しから引き戸テクニックまで。しかし今ではこれまで以上に簡単になりました パターン、アイコン、および特殊効果を作成する CSS3で.

あり この三角ジェネレータ, あなたは設計することができます 任意の三角形のサイズと形状 ほしい自動的に CSSクラスを書き出す どの要素にも適用できます.

オプションパネルでは、三角形の 色と方向 （上下左右）三角形を変更することもできます 幅高さ そしてでさえ台無しに 左/右スキュー あなたが不等辺三角を作るなら.

これは私が今まで見た中で最もクールなWebアプリケーションの1つです。それは Designyourcodeでホストされています これは素晴らしいブログ記事と無料のWeb開発ツールでいっぱいのサイトです.

そしてのすべての愛好家のために 下位互換性, 含めるオプションがあります。 Microsoft.Chroma CSSの機能 IE6ユーザーへのサポートを追加. 世界の1パーセント未満でもIE6を使用していますが、それでもまだ良い選択肢です.

に 純粋なCSSの三角形を追加する あなたのサイトへ ルールを使用してCSSクラスをコピー/貼り付けします あなたのスタイルシートに。それからこのクラスを誰にでも与えなさい