讓Google為你生成圓角圖片
阿新 • • 發佈:2019-02-19
現在很多網站、部落格都使用了圓角效果。圓角效果讓整個頁面看起來不會很死板。實現圓角效果,可以直接使用 CSS 特效來實現,也有使用圖片實現。cornershop,就是一個自動生成圓角效果網頁的自動生成器。
Zach 就是一個狂熱的圓角愛好者,就是 cornershop 讓 Zach 變成這樣的——他每次在網上看到漂亮的圓角效果總要習慣性地點選右鍵,檢視原始碼。他就是想知道那些圓角是用了 javascript, GIF, PNG ,是手工做成的還是自動生成的。
某次他路過 Google Group 的時候,習慣性地檢視原始碼。發現 Google 用了這樣的連結來自動生成圓角: c 的值代表圓角顏色,你可以使用
bc 的值代表圓角的背景顏色;
w 的值分別代表圓角的寬;
h的值分別代表圓角的高;
a的值代表圓角所在的方向,tl是左上角,tr是右上角,bl是左下角,br是右下角。
引數解釋:
右圖用的引數是這樣的:
c=FF0000 bc=white w=150 h=100 a=tr
-_____-
Google肯定是用了一個橢圓函式來生成圓角圖片的。