詰まったメモ01
aタグにactionクラスをつけることによって変化させたい時に
.action a で更新するaタグは同じ重さじゃないと更新できない
やはり極力クラスはつけていくべきだ
inputタグの初期値は
::placeholder{
color:#aaa;
}
で色を変えれる
グラデーション
/* 45度に傾いたグラデーションで、
青から始まり赤で終わる */
linear-gradient(45deg, blue, red);
/* 右下から左上に向かうグラデーションで、
青から始まり赤で終わる */
linear-gradient(to left top, blue, red);
/* 色経由点: 下から上に向かうグラデーションで、
青から始まり、長さの40%ののところで緑になり、
赤で終わる */
linear-gradient(0deg, blue, green 40%, red);
/* 色ヒント: 左から右に向かうグラデーションで、
赤から始まり、グラデーションの長さ全体の
10%に中間点が来て、残りの90%の長さをかけて
青色に変わる */
linear-gradient(.25turn, red, 10%, blue);
/* 複数位置の色経由点: 45度傾いたグラデーションで、
左下半分が赤で右上半分が青、
赤から青への変化は明確な線 */
linear-gradient(45deg, red 0 50%, blue 50% 100%);
文字のグラデーションはこれの応用で、htmlに普通に文字を書き、
h1{
color: #ACB6E5;//非対応のブラウザ用での文字色を設定
background: -webkit-linear-gradient(0deg, #ACB6E5, #86FDE8);//背景色にグラデーションを指定
-webkit-background-clip: text;//テキストでくり抜く
-webkit-text-fill-color: transparent;//くり抜いた部分は背景を表示
}
この記事が気に入ったらサポートをしてみませんか?