-
box-shadow 曲線陰影、翹邊陰影查看全部
-
講的還是不錯的， 發音是瑕疵查看全部
-
ul.box{ width: 980px; height: auto; clear: both; overflow: hidden; margin: 20px auto; } ul.box li{ width: 300px; height: 210px; position: relative; background: #fff; float: left; margin: 20px 10px; border:2px solid #efefef; box-shadow: 0 1px 4px rgba(0,0,0,0.27),0 0 60px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.27),0 0 60px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.27),0 0 60px rgba(0,0,0,0.1) inset; -o-box-shadow: 0 1px 4px rgba(0,0,0,0.27),0 0 60px rgba(0,0,0,0.1) inset; } ul.box li img{ display: block; width: 290px; height: 200px; margin: 5px; }查看全部
-
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;圖形轉化到復盒子的下面查看全部
-
翹邊陰影：矩形和平行四邊形（矩形傾斜加旋轉）的疊加。 skew（12deg） rotate（4deg）圖像向右斜切12度 向右旋轉4度（若為負值則向左） 正是通過兩個（一個向左，一個向右）圖形與原圖疊加并加上陰影效果，翹邊陰影就出來了 ·father，position：relative ·son，position：absolute ·transform:skew(-12deg); 向左傾斜12度 ·transform:skew(-4deg); 向左旋轉4度 處理兼容性：-ms-transform -webkit-transform -moz-transform -o-transform transform 旋轉; skew(xdeg,ydeg) box-shadow給盒子做陰影設置查看全部
-
border-radius:設置弧度，圓角 比如：border-radius：100px; 或 100px/10px;查看全部
-
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;查看全部
-
CSS查看全部
-
CSS3中：after和：before的用法講解 :after 選擇器：在被選元素的后面插入內容 ：before 選擇器：在被選元素的前面插入內容 說明：需使用content屬性來指定要插入的內容 瀏覽器兼容：對于IE8及更早版本中的：after，必須聲明<!DOCTYPE> Element:before{ };在元素的前面插入樣式.元素. Element:after{ };在元素的后面插入樣式.元素.查看全部
-
box-shadow查看全部
-
box-shadow查看全部
-
·box-shadow：水平(右正左負)、垂直、模糊程度、陰影距離(默認即可)、顏色[rgba(0,0,0,0.3)] ·添加多個陰影使用逗號隔開即可 ·水平和垂直如果均為0的話，則四邊都有陰影 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 陰影則從四個邊 同時發出來查看全部
-
box-shadow:h-shadow v-shadow blur spread color inset 必需：h-shadow(水平)，v-shadow（垂直） 可選：blur（模糊距離），spread（陰影尺寸），color（陰影顏色），inset（內陰影） box-shadow:添加一個或多個陰影 參數： h-shadow(必需)：水平陰影的位置，允許負值 v-shadow(必需)：垂直陰影的位置,允許負值 blur(可選)：模糊距離 spread(可選):陰影的尺寸 color(可選)：陰影的顏色 inset(可選)：將外部陰影(outset)改為內部陰影查看全部
-
transform里可連續做變換，用空格隔開。transform:skew() rotate();查看全部
-
border-radius:100px/10px 意為每一個角的水平方向圓角為100px，垂直方向圓角為10px（非正園圓角）。查看全部
舉報
0/150
提交
取消