• RSS

[CSS]簡単にCSS の三角形を生成できるジェネレータ「CSS三角形作成ツール」

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

WEB上で三角形の形状やサイズ、色などを指定しながら、CSS の三角形が簡単に生成できるジェネレータ「CSS三角形作成ツール」のご紹介です。

以前にも CSS で円形、三角形、台形、星形 などを表現する方法のまとめ の記事を紹介させていただきましたものの…、コーディングの時間がない時などには、このような作成ツールは本当に役に立ちます。

CSS三角形作成ツール で三角形を生成する手順

以下のリンクよりCSS三角形作成ツールへアクセスします。


作成の流れとしては、
簡単にCSS の三角形を生成できるジェネレータ「CSS三角形作成ツール」
まずは方向を決めて、
「正三角形」「二等辺」「不等辺」の中から図形のタイプを選びます。
後は幅と高度の値を調整し、
カラーピッカーからお好きな色を選択します。
最後に、ページ下部の「Update」ボタンをクリックすると、
ページ右下の「CSS」欄にコードが出力されますので、コピーしてお使いのCSS ファイルに貼付けます。



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください