網站導航
- zblogPHP模板zbpkf
- zblog免費模板zblogfree
- zblog模板學習zblogxuexi
- zblogPHP仿站zbpfang
首頁三角形
純CCS畫三角形箭頭
最近我想修改一下這個網站,我想在上面放置一個提示框。這是很容易,但我想讓提示框上有一個三角形的箭頭??墒?,一想到這需要使用圖片,并且各種顏色,各種方向的箭頭要準備無數種,這幾乎是一種災難。幸運的是,MooTools的核心開發著Darren Waddell告訴了我一個非常棒的技術:用CSS繪制三角形箭頭。使用純CSS,你只需要很少的代碼就可以創作出各種瀏覽器都兼容的三角形箭頭!CSS代碼/* create an&nbs...
純CSS寫三角形,自適應不同寬度
今天在寫一個定制模板的時候,遇到一個全屏三角形做的特效,需要用到自適應,在不同分辨率下都三角形都能自適應居中!看圖:因為這個zblog模板需要自定義配色,所以這個三角形必須使用css制作,不能使用背景圖片,當瀏覽器縮小的時候,三角形居中不變!HTML:<div class="triangle"><div class="box"></div>&...
純CSS - border繪制三角形(各種角度)
我們的網頁因為 CSS 而呈現千變萬化的風格。這一看似簡單的樣式語言在使用中非常靈活,只要你發揮創意就能實現很多比人想象不到的效果。特別是隨著 CSS3 的廣泛使用,更多新奇的 CSS 作品涌現出來。今天給大家帶來 CSS 三角形繪制方法#triangle-up { width: 0; height: 0; &n...