-
box-shadow查看全部
-
就喜歡你講的課，簡潔給力查看全部
-
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>查看全部
-
本身直角陰影包括：底邊直角陰影和內邊直角陰影 翹邊陰影是需要給盒子做變換的，翹邊陰影盒子變換成平行四邊形的寬度比直角陰影盒子的大，所以需要設置width;90%;因為陰影距頂部還有點距離所以設置height;80%; 用transform:skew(-10deg) rotate(-4deg);使翹邊陰影盒子變為平行四邊形且做旋轉變換，然后將其背景色設置為透明background:transparent;同時記得將其z-index設置為負值，li的背景要設置成白色（因為翹邊陰影盒子有陰影）查看全部
-
曲線陰影效果=1個直角陰影+2個重疊的曲線陰影（2個重疊的曲線陰影要放在直角陰影的下面）; 正投影與圓角陰影重疊需要設置定位，相對定位元素為父元素effect 要讓曲線投影這個盒子有一個尺寸，要么直接設置寬和高，要么對四個方向的值進行設置（瀏覽器會自動計算該盒子應有的大小，一定要是四個方向的值） 曲線陰影實質是圓角的陰影，所有曲線陰影盒子要設置border-radius;100px/10px;分別代表水平方向半徑和垂直方向半徑 讓曲線陰影盒子位于下方的辦法是設置z-index(=-1)小于直角陰影盒子 曲線投影不實的問題：與透明度關系不大，所以調節透明度影響不大。好的辦法是讓兩個投影重疊在一起，即在直角陰影盒子內容的前面:before和后面:after都插入曲線投影盒子（都有絕對定位和且位置都是一樣）查看全部
-
transform參數查看全部
-
box-shadow參數查看全部
-
CSS3陰影效果，曲線陰影+ 翹邊陰影查看全部
-
box-shadow查看全部
-
box-shadow查看全部
-
頂頂頂頂頂頂查看全部
-
日日日日日日日日日查看全部
-
嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻查看全部
-
踩踩踩踩踩踩踩踩踩查看全部
舉報
0/150
提交
取消