エレクアライズ 制作技術局 ハイパーメディアクリエイター(HMC)の吉永です。
前回に引き続き今回もCSSで特定の背景パターンを作成する方法を紹介します。
前回の記事はコチラ
今回もちょっと変わった背景パターンをCSSで作成します。
ってかそもそもそれってできるの?できます。
CSSを使えば。
CSSって何?って方はこちら
CSSプロパティはこんな感じ。
background-color: #cc6081;
background-image:
linear-gradient(115deg, transparent 75%, #ffc753 75%),
linear-gradient(245deg, transparent 75%, #ffc753 75%),
linear-gradient(115deg, transparent 75%, #ffc753 75%),
linear-gradient(245deg, transparent 75%, #ffc753 75%);
background-position: 0 0, 0 0, 10px -20px, 10px -20px;
background-size: 20px 40px;
赤字の箇所が背景の色で、青字の箇所がマークの色です。
今回も動作確認用のデモを用意したので、色々設定して遊んでみましょう。
背景色
マーク色
ではまた次回のネタを探して見つかり次第ウプします。
see you
← ツナガルチップス No.9へ
→ ツナガルチップス No.11へ
###########################################
Android開発アプリ一覧
リバーシ
4色リバーシ
リバーシプレミアム
4色リバーシプレミアム
iOS開発アプリ一覧
シーバリ for Y.Y Magic
4色シーバリ for Y.Y Magic
シーバリプレミアム for Y.Y Magic
4色シーバリプレミアム for Y.Y Magic
吉永 祐太
###########################################
人気ブログランキングに投票
にほんブログ村のランキングに投票
クリックしていただけると励みになりますm(_ _)m
Comments
Trackbacks for this post