-
box-shadow查看全部
-
曲線陰影和翹邊陰影效果圖查看全部
-
transform語法: 功能:向元素應用2D或3D轉換 語法:transform:none|transform-functions 參數:skew(x-angle,y-angle)定義沿著X和Y軸的2D傾斜轉換 skewX(angle)定義沿著X軸的2D傾斜轉換 skewY(angle)定義沿著Y軸的2D傾斜轉換。 rotate:設置圖形旋轉角度 rotate(-30deg); //向左旋轉30度 z-index:-2;圖形轉化到復盒子的下面查看全部
-
1.border-radius: 100px /10px; 水平方向半徑 / 垂直方向半徑 2.設置盒子的寬高有兩種方法第一種是直接設置width和height;第二種是設置position:absolute; top:值;left:值;right:值;bottom:值;設置4個值,間接地設置了width和height,4個值缺一不可 3.曲線陰影效果=1個直角陰影+2個重疊的曲線陰影(2個重疊的曲線陰影要放在直角陰影的下面); 4.全方向陰影 box-shadow: 0 0 10px rgba(0,0,0,.3)就是不設置水平和垂直方向上的陰影距離; 1.border-radius: 100px /10px; 水平方向半徑 / 垂直方向半徑 2.實心效果 : 多重虛線疊加 3.添加元素大小的兩種方式 width & height || top & bottom & left & right 4.無方向陰影 || 全方向陰影 box-shadow: 0 0 10px rgba(0,0,0,.3); position:absolute; top:50%;left:10px;right:10px;bottom:0;設置4個值,間接地設置了width和height,缺一不可 z-index:-1;查看全部
-
水平和垂直都設置為0.陰影四邊都有,inset是內陰影,往里縮的。需要考慮瀏覽器的兼容性 CSS3中:after和:before的用法講解 :after 選擇器:在被選元素的后面插入內容 :before 選擇器:在被選元素的前面插入內容 說明:需使用content屬性來指定要插入的內容 瀏覽器兼容:對于IE8及更早版本中的:after,必須聲明<!DOCTYPE>查看全部
-
box-shadow查看全部
-
box-shadow 曲線陰影、翹邊陰影查看全部
-
不錯!查看全部
-
z-index:-1;放在底部查看全部
-
1.border-radius: 100px /10px; 水平方向半徑 / 垂直方向半徑 2.設置盒子的寬高有兩種方法第一種是直接設置width和height;第二種是設置position:absolute; top:值;left:值;right:值;bottom:值;設置4個值,間接地設置了width和height,4個值缺一不可 3.曲線陰影效果=1個直角陰影+2個重疊的曲線陰影(2個重疊的曲線陰影要放在直角陰影的下面); 4.全方向陰影 box-shadow: 0 0 10px rgba(0,0,0,.3)就是不設置水平和垂直方向上的陰影距離; 1.border-radius: 100px /10px; 水平方向半徑 / 垂直方向半徑 2.實心效果 : 多重虛線疊加 3.添加元素大小的兩種方式 width & height || top & bottom & left & right 4.無方向陰影 || 全方向陰影 box-shadow: 0 0 10px rgba(0,0,0,.3); position:absolute; top:50%;left:10px;right:10px;bottom:0;設置4個值,間接地設置了width和height,缺一不可 z-index:-1;查看全部
-
boder-radius 圓角查看全部
-
陰影效果查看全部
-
使用box-shadow進行曲線陰影和翹邊陰影查看全部
-
box-shadow查看全部
-
border-radius 使用查看全部
舉報
0/150
提交
取消