中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

三、通透性

每個面的受光不同，所以透明度應(yīng)該也有所區(qū)別，我把上，前，右對著瀏覽者的透明度調(diào)低于后面的，然后拉出半透明到透明的漸變疊加到基本的盒子顏色上，產(chǎn)生層次，我都是很淡的過渡色疊加，如果想劇烈的話也可以的，漸變寫法如下：

background:-moz-linear-gradient(-45deg, rgba(255,255,255,0.3),rgba(255,255,255,0.2) 40%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0.1));

由左上到右下拉斜線漸變，從0% 0.3到40% 0.2，70% 0.2到100% 0.1；顏色很淡，如果把系數(shù)調(diào)大調(diào)深的話，漸變色就會很明顯，由于里面各個面的漸變各不同，就不一一解釋，相信看了源文件就會明白的了，我也是跟著自己感覺拉的漸變，沒有很專業(yè)的光線投射研究，如果有錯的地方你看出來了還望指出。

當(dāng)調(diào)整出各個面的顏色之后，發(fā)現(xiàn)“前上右”面與面之間有邊線分割，看起來很整齊，但是后面我原本沒有畫邊線，結(jié)果‘左’跟‘后’有點(diǎn)混，所以還是12條邊線一一畫出，妥當(dāng)些，前面的邊線透明度為0.6，側(cè)面的0.4，后面的0.2，突出層次。

出處：藍(lán)色理想
責(zé)任編輯：bluehearts

上一頁 純CSS3透明水晶盒 [3] 下一頁 純CSS3透明水晶盒 [5]

◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。