ホームページ » ウェブデザイン » この無料WebアプリでピュアCSSトライアングルを作成しよう

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

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

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

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

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

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

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

    または空のブロック要素.

    例えば、 上向きの三角形を作る コードをコピーして次のような要素を追加します。

      

    それ になり得る ブロックレベルの要素, それとも可能性があります 絶対位置 他の要素内.

    可能性は無限であり、このツールは可能です より良い代替手段を提供する CSSボーダーハックよりも。始めるためには、ちょうど訪問しなさい トライアングルウェブアプリ そして 値を変更する あなたの好みに.