一、開始讓大家看一張他們組合的再一步一步做:
二、先是建立兩個文字不做處理執行如圖
三、給第乙個div字型加上陰影
text-shadow:5px5px10pxred;
text-shadow: 5px 5px 5px red,5px -5px 10px yellow;
box-shadow:用法與text-shadow類似,只不過它是對盒子,比如div
text-shadow:[顏色(color) x軸(x offset) y軸(y offset) 模糊半徑(blur)],[顏色(color) x軸(x offset) y軸(y offset) 模糊半徑(blur)]...前兩個值可以是負數,第三個不能使負數,可以是0(無效果)
四、給第乙個div加上倒影
-webkit-box-reflect:below10px;
方向 (above上 below下 左右left right) 間距。
五、加上漸變
background-image: -webkit-linear-gradient(left, red 0%, yellow 50% );
第乙個百分數是從0%到這個百分數全是這種顏色,最後乙個百分比是從這個百分數到100%全是這種顏色,中間如果不同百分數就是漸變,一樣就是分界線。
六、所有**:
我會翻跟斗!!哈哈哈希望感興趣的朋友關注我以後一起交流!倒影不能把握的位置給佔了!倒影不能把握的位置給佔了!
倒影不能把握的位置給佔了!倒影不能把握的位置給佔了!
互動教程,讓你5分鐘掌握 Flexbox 布局模式
flexbox 布局模組目前是 w3c 候選標準,旨在提供乙個更有效的方式進行布局,對齊和為容器裡的專案分配空間,即使它們的大小是未知的或者動態的。這裡分享乙個基於 knockout.js 構建的互動教程,讓你5分鐘就掌握 flexbox 布局模式。真是好東西!13種非常動感的頁面載入動畫效果 你見...
5分鐘讓你的牙齒blingbling讓牙齒
很多人認為,多刷幾次牙,多嚼幾顆口香糖就可以解決。no!單靠刷牙並不能徹底清潔口腔,特別是牙齒。好吧,下面將介紹幾種方法,讓你的牙齒迅速潔淨,並且是徹底性的。方法一材料 士多啤梨一顆,發酵粉1 2茶匙。使用方法 將士多啤梨碾成糊狀,與發酵粉充分混合,用乙個柔軟的牙刷將混合物均勻塗在牙齒表面,5分鐘後...
5分鐘讓你知道什麼是PKI
public key infrastructure pki 中文叫做公開金鑰基礎設施,也就是利用公開金鑰機制建立起來的基礎設施。但是如果這麼解釋起來,到底是個什麼東西,大家想必是沒辦法理解的。現在大家的很多重要活動都是通過網路進行的,那麼與之俱來的安全問題就顯得非常重要。同時很多安全保障機制都是基於...