CSS3.0 Maker – 獲取邊框、框陰影效果等的 CSS 代碼

我們之前已經回顧過幾個 CSS 代碼生成器，例如Layer Styles和ThemeShock CSS Drop Shadow Generator。兩者都很優秀，但也有局限性，因為它們只生成單一效果的代碼。CSS3.0 Maker是一個自動 CSS 代碼生成器，可生成邊框、文本陰影、框陰影、輪廓效果以及傾斜、縮放或旋轉元素的代碼。您可以通過創建不同的文件來處理多個 CSS 文件（每個文件中的不同樣式）。代碼作為 HTML 文件下載，CSS 作為內部表添加。該服務會告訴您效果將在 Chrome、Firefox、Internet Explorer、Safari 和 Opera 的哪個版本中呈現，以及哪些移動設備將支持它。

要創建多個文件，您需要註冊一個免費帳戶。否則，無需創建服務即可使用該服務。奇怪的是，該網站允許您在未登錄時添加更多效果。可用的其他效果（註銷時）包括漸變、動畫和過渡效果。當作為未註冊用戶使用時，該網站不允許您添加多種效果。如果您選擇在不註冊帳戶的情況下使用該服務，您將在網站標題下方看到一個水平欄，可讓您選擇不同的效果。

如果您想添加多種效果，請註冊一個免費帳戶並創建一個文件。您可以通過單擊主頁上的“新建文件”或轉至“我的文件”來創建文件。輸入文件的名稱。選擇“編輯”，您所做的所有更改都會保存到此文件中。轉到“主頁”選項卡開始編輯效果。

要在不同效果之間移動，請使用“主頁”選項卡上的下拉菜單。要更改元素的顏色並調整其不透明度，請轉到 RGBA 效果。要添加邊框或更改邊框樣式，請轉到邊框半徑。文本陰影和框陰影效果在元素或文本後面創建投影效果。您可以通過CSS 變換效果傾斜和縮放它，並通過輪廓偏移效果偏移元素的邊框。

完成所有更改並應用所需的效果後，單擊“保存”，然後單擊“下載”以下載文件。進行必要的更改，您的 CSS 就準備好了。如果您想嘗試設計，或者只是需要為特定項目嘗試大量 CSS 效果，那麼該服務非常好。

訪問 CSS3.0 製作者