...

一般情況下導航菜單的背景圖片都是比較有規則的，但是平時我們也會遇到很多背景圖片形狀不規則導航條（比如但鼠標移上的時候，背景圖片不規則，本例只討論此種類型）,如下圖所示： （圖一） 當鼠標移上去的時候背景變成紅色箭頭，也許，咋一看，覺得這個效果並沒有什么特別的地方，但是仔細看看我畫上去的綠色框框 ...

基礎技能1 - 神奇的border 我們先來畫一個長方形： 有沒有發現什么？ 對，四個邊的交界處是45°角。那我們可以用這個東東干點什么呢？往下看。 進階技能1 - 三角 ...

前言 CSS 創建復雜圖形的技術即將會被廣泛支持，並且應用到實際項目中。本篇文章的目的是為大家開啟它的冰山一角。我希望這篇文章能讓你對不規則圖形有一個初步的了解。 現在，我們已經可以使用CSS 3 常見不規則復雜圖形了（點擊鏈接查看），如下圖所示： 使用CSS創建的圖形，無法內置文字 ...

像這種弧形，用純html和css很難寫，但是用svg就簡單多了。 可以用作圖工具畫出一個弧形，然后導成svg格式。在頁面中，下面的白塊就是div+svg構成 （這里用的是pug模板） 兩種弧度的切換，主要是在hover的時候修改path值即可（注意兩個svg大小 ...

最近為了要兼容XP系統（守舊的市場），又需要做出產品的特效，不得不從頭學習一下這門 “聰明的語言” 。 開發環境： win10 Delphi 10.2 Version 25.0.26309.3 ...

前言 CSS 創建復雜圖形的技術即將會被廣泛支持，並且應用到實際項目中。本篇文章的目的是為大家開啟它的冰山一角。我希望這篇文章能讓你對不規則圖形有一個初步的了解。 現在，我們已經可以使用CSS 3 常見不規則復雜圖形了（點擊鏈接查看），如下圖所示： 使用CSS創建的圖形，無法內置文字 ...

由於近期的項目中出現了不規則的邊框和圖形， 所以只好提前先溫習一下，以前收集的一些CSS3繪制的圖形。。。樣式繪制的圖形比圖片的性能要好，體驗更佳。 廢話不多說，我們直接看效果： 1、三角形系列（三角形、倒三角、左三角、右三角、左上三角、右上三角、左下三角、右下三角） 主要 ...