-
transform 圖形轉換查看全部
-
box-shadow 參數應用查看全部
-
重疊陰影，加深效果查看全部
-
.affect:after{<br> content:'插入的內容（內容/attr/url）';<br> }<br> .affect:boefore{<br> content:'插入的內容（內容/attr/url）';<br> }查看全部
-
box-shadow屬性值查看全部
-
曲線陰影：<br> 位置的定位：主陰影 position:relative;<br> 其他陰影：position：absolute; 其他陰影的設置：content:''; width:; height:; 另外一種位置的設置方法： top:50%; bottom;; left:; right:; border-radius:100px/10px; 水平100px 垂直10px查看全部
-
.affect:after{<br> content:'插入的內容（內容/attr/url）';<br> }<br> .affect:boefore{<br> content:'插入的內容（內容/attr/url）';<br> }查看全部
-
曲線投影（多個陰影的重合 主投影+其他陰影） 翹邊投影查看全部
-
inset內陰影查看全部
-
:after 與 :before 用法查看全部
-
box-shadow: h-shadow v-shadow blur spread color inset 參數 h-shadow(必需) 水平陰影的位置，允許負值 v-shadow(必需) 垂直陰影的位置，允許負值 blur(可選) 模糊距離 spread(可選) 陰影的尺寸 color(可選) 陰影的顏色，請參閱CSS顏色值 inset(可選) 將外部陰影(outset)改為內部陰影查看全部
-
box-shadow 參數查看全部
-
本身直角陰影包括：底邊直角陰影和內邊直角陰影 翹邊陰影是需要給盒子做變換的，翹邊陰影盒子變換成平行四邊形的寬度比直角陰影盒子的大，所以需要設置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都插入曲線投影盒子（都有絕對定位和且位置都是一樣）查看全部
-
設置box-shadow時注意瀏覽器兼容性 X與Y陰影偏移量設為0 然后陰影就能從四個邊同時顯示查看全部
舉報
0/150
提交
取消