KinutaHandicraft - ヒントだよ！HTML & CSS -

ヒント集

■ ヒントだよ！HTML & CSS ■

topへ前のページに戻るページ閉じる

■ CSS の例(円形のグラデーションを表示する)

■ 例 1 (円形のグラデーションを表示する)

■ 例 2 (円形のグラデーションを表示する)

CSS: .cigrd2 { background-image: radial-gradient(50px 50px at 20px 30px, #F00,#FF0, #00ff00); }

■ CSS の例(円形のグラデーションを繰り返し表示する)

書式: {プロパティ:repeating-radial-gradientリピーティング-ラジアル-グラディエント:(形状サイズ中心 , 色始点 , 色終点);}

■例 3 (円形のグラデーションを繰り返し表示する)

CSS: .rpcigrd1 { height: 100px;
background-image: repeating-radial-gradient(circle closest-side,white 0px, black 20px);}

■例 4 (円形のグラデーションを繰り返し表示する)

CSS: .rpcigrd2 { height: 100px;
background-image: repeating-radial-gradient(circle, #fff, #fff 5px, #008000 5px, #008000 10px); }

lngrad