パーツ番号 07-08-11 ・ CSSのみ

山並み・稜線シルエットイラスト

重なる山のシルエットと太陽を配した静止イラスト。アウトドアや地域紹介ページのフッター装飾に使える。

staticcss

プレビュー

ソースコード

HTML

<svg class="mtn07-08-11" viewBox="0 0 240 160" xmlns="http://www.w3.org/2000/svg">
          <path class="peak peak-a" d="M0,150 L60,50 L96,90 L140,30 L200,110 L240,80 L240,150 Z"></path>
          <path class="peak peak-b" d="M0,150 L40,100 L90,140 L150,80 L200,140 L240,120 L240,150 Z"></path>
          <circle class="sun07-08-11" cx="190" cy="42" r="20"></circle>
        </svg>

CSS

.d07-08-11 .mtn07-08-11{
          width:100%;
          height:100%;
        }
        .d07-08-11 .peak-a{
          fill:#0f766e;
          opacity:.85;
        }
        .d07-08-11 .peak-b{
          fill:#134e4a;
          opacity:.95;
        }
        .d07-08-11 .sun07-08-11{
          fill:#fbbf24;
          opacity:.9;
        }

クラス名 .d07-08-11 は本ライブラリ内での識別用です。複数のパーツを同じページで使う場合は、重複しないよう名前を変更してください。