(2018-05-04.Python ZeroからOneまで)五、(フロントエンド)HTML 5とCSS 3_1.5.3 CSS 3フィレット、シャドウ、rgba
796 ワード
下一篇文章:→1.5.2 CSS 3新选抜器
CSS 3フィレット、シャドウ、rgba
CSS 3フィレット
左上隅のフィレットを設定するなど、角のフィレットを設定します.border-top-left-radius:30 px 60 px;
同時に4つの角をそれぞれ設定します:border-radius:30 px 60 px 120 px 150 px;
4つのフィレットを同じに設定します:border-radius:50%;
CSS 3シャドウ
box-shadow:h-shadow v-shadow blur spread color inset; シャドウを個別に設定:水平オフセット垂直オフセット羽化サイズ拡張サイズカラー内シャドウ
rgba(新しい色値表現)
1、箱の透明度表示法:opacity:0.1;filter:alpha(opacity=10)(互換IE);2、rgba(0,0,0,0,0.1)の最初の3つの数値は色を表し、4番目の数値は色の透明度を表す
下一篇文章:→1.5.4 CSS 3 transition动画
CSS 3フィレット、シャドウ、rgba
CSS 3フィレット
左上隅のフィレットを設定するなど、角のフィレットを設定します.border-top-left-radius:30 px 60 px;
同時に4つの角をそれぞれ設定します:border-radius:30 px 60 px 120 px 150 px;
4つのフィレットを同じに設定します:border-radius:50%;
CSS 3シャドウ
box-shadow:h-shadow v-shadow blur spread color inset; シャドウを個別に設定:水平オフセット垂直オフセット羽化サイズ拡張サイズカラー内シャドウ
......
rgba(新しい色値表現)
1、箱の透明度表示法:opacity:0.1;filter:alpha(opacity=10)(互換IE);2、rgba(0,0,0,0,0.1)の最初の3つの数値は色を表し、4番目の数値は色の透明度を表す
下一篇文章:→1.5.4 CSS 3 transition动画