-
box-shadow:10px 10px 10px 10px rgba(0,0,0,0.3)//水平方向陰影距離,垂直方向陰影距離,陰影模糊程度,顏色,透明度 -webkit-box-shadow:10px 10px 10px 10px rgba(0,0,0,0.3) -moz-box-shadow:10px 10px 10px 10px rgba(0,0,0,0.3) -o-box-shadow:10px 10px 10px 10px rgba(0,0,0,0.3) 陰影模糊程度:數值越大,模糊程度越大 inset 內部陰影 水平和垂直 數值為0 陰影則從四個邊 同時發出來查看全部
-
rotate() 旋轉一個角度,順時針是正值,逆時針是負值查看全部
-
瀏覽器兼容查看全部
-
CSS3新元素查看全部
-
1.rgba(0,0,0,0.3)可定義顏色透明度 2.box-shadow在不同瀏覽器下的兼容寫法為-webkit-box-shadow,-moz-box-shadow,-o-box-shadow(IE8以下不兼容 3.box-shadow可以同時添加多個陰影,用“,”隔開 4.如果想要實現四邊都有內陰影(inset),水平和垂直方向取值均為0即可 5.陰影的加深可以通過多個陰影疊加實現 6.border-radius:x/y 分別定義每個角水平和垂直方向上的半徑 7.border-radius:x y 左上和右下角取x值,左下和右上角取y值查看全部
-
定位盒子尺寸的方法 一、直接聲明width和height,同時在水平和垂直方向上選一個值定位 二、通過位置定位,必須同時聲明top、right、bottom、left四個方向以便瀏覽器能夠計算盒子的長寬查看全部
-
CSS3偽元素查看全部
-
瀏覽器兼容查看全部
-
box-shadow查看全部
-
曲線陰影查看全部
-
border-radius:100px/10px; 表示水平半徑是100,垂直半徑是10查看全部
-
111查看全部
-
利用兩個盒子的陰影重疊查看全部
-
border-radius:x/y 水平方向的半徑為x,垂直方向的半徑為Y查看全部
-
X與Y陰影偏移量設為0 然后就能均勻顯示查看全部
舉報
0/150
提交
取消