線上CSS 漸層產生器,輕鬆配出你喜歡的顏色!
在設計網站中,往往都會用到一些特效,
「漸層」當然是不可或缺的元素之一,
當使用漸層後,網頁的呈現就會變得更鮮豔、醒目,
但是,漸層的語法繁雜又冗長,背不起來,怎麼辦?
別怕!這次要介紹這個方便、快速、簡單的網站,
能夠幫你輕鬆製作出個人專屬的漸層色彩!
進入網站,會看到預設的130多種樣式,你也可以自己設計
設計完樣式後,按下[save]就可以儲存
會出現在上面的樣式群中,方便下次再使用
若不想要了,就在該元素上按右鍵 -> Delete Gradient
預覽區可以預覽及時的樣式、調整漸層方向、預覽在IE下的呈現效果
完成後就可以複製語法啦! 你也可以勾選需要的功能
IE9 Support:
若想於IE9中支援,請將以下語法加入header.php(建議):
若想於IE9中支援,請將以下語法加入header.php(建議):
<!--[if gte IE 9]>
<style type="text/css">
.gradient {
filter: none;
}
</style>
<![endif]-->
最後就可以貼在css中瞜!








![[Facebook]不喜歡新版Timeline樣式?那就換回舊版樣式吧! [Facebook]不喜歡新版Timeline樣式?那就換回舊版樣式吧!](https://blog.brownsugar.tw/wp-content/uploads/2016/02/change-facebook-timeline-to-old-version.jpg)


![[新書發表]《完全詳解!免費雲端工具活用事典》教你玩轉網路免費服務! [新書發表]《完全詳解!免費雲端工具活用事典》教你玩轉網路免費服務!](https://blog.brownsugar.tw/wp-content/uploads/2016/02/21806834389_498d84f1d5_o.png)


共有 0 則迴響
暫時沒有迴響,歡迎您率先發表!