關鍵應用
用EMail訂閱文章 用RSS訂閱文章 搜尋文章
˄

Menucool CSS Tooltip Generator 提示訊息框 CSS 語法產生器

「提示訊息框」常上網的人應該都有體驗過,也就是滑鼠指標指到某一物件,會出現提示訊息,告訴用戶該如何操作或其意義,如果想要在自己的網頁中加入這種提示訊息,也不用從頭打造起,可以透過 Menucool 這個網站所製作的 CSS Tooltip Generator 這個  Tooltip 產生器,只要對其提供的參數進行調整,就能輕鬆製作出符合各大主流瀏覽器都適用的提示訊息框,
ContentPhoto3130

繼續閱讀»»»

CSS WAND - CSS 動畫免費應用

如果網頁要使用一些動畫圖示,例如滑鼠移動按鈕上方,按鈕的形狀會改變或是等待時常見到的 loading 動畫圖示,這些在以往可能需要 JavaScript 或是 gif 圖片來協助實現,而現在你也可以單純利用 CSS 語法就可辦到,CSS WAND 提供 Hover、Loading 類型的 CSS 動畫,只要複製該範例的 CSS 語法,就可以將範例應用到自己的網頁,相當方便。
ContentPhoto3129

繼續閱讀»»»

useAnimations 精選動畫圖標免費下載

網頁上放置動畫圖示,一來可以吸引訪客的目光,二來也讓訪客感受到網站擁有者的用心,總之,肯定能為網站起到加分的作用,但是,要製作這些動畫,對很多人來說是個門檻,要跨過也不容易,useAnimations 這個網站提供為數不多的 SVG 動畫圖示,其分為持續動作、點擊後動作的,還有滑鼠在圖標上方才動作等三大類型,每個都可在其網站看到預覽並實際操作,且免去註冊、跳來跳去的導引點擊廣告,喜歡就下載,完全不囉嗦。
ContentPhoto3124

繼續閱讀»»»

CSS Gradient Animator 利用 CSS 做出色彩漸層動畫

在網頁中使用動畫,通常都能吸引到用戶的目光,所以時常可以看到有些網站利用一些 gif 的動畫小圖示,放在希望能引起用戶注意的區塊中,CSS Gradient Animator 是一個以 CSS 語法來產生色彩漸層動畫為主的網站,使用的方式相當簡單,只要利用其設計好的介面點選所要的漸層顏色、漸層角度、滾動角度及動畫的速度等參數,設定好的漸層色彩效果,可以利用 Preview 功能,立即顯示在該瀏覽器的背景,且能自動幫產生相關的 CSS 語法,讓你方便應用到網頁中。
ContentPhoto3105

繼續閱讀»»»

littlesnippets.net 免費取得 CSS、JavaScript 動畫效果程式碼

寫網頁時難免會有需要一些動畫效果,例如當滑鼠指標在按鈕、圖片、功能表上或離開時,或是希望做出具有專業水準個人檔案、新聞、產品卡時,如果是初學者想要從無到有,可能需要花費較長時間,要是可以參考別人已做出的效果,取得其程式碼再來修改成自己想要的效果,這樣才能事半功倍。littlesnippets 這個網站提供按鈕、圖片、Logo、News Card、Menu、Profile Card ....等各式各樣的 CSS + JQuery 效果,且每個都有效果展示,更提供 HTML、CSS、JQuery 完整的範例程式碼,用戶只需取得這些程式碼,稍加修改,就可以在自己網頁呈現,相當方便。
 
ContentPhoto3091

繼續閱讀»»»

Blend-CSS 漸層色彩 CSS 語法產生器

網頁有需要使用色彩漸層來布置時,有些人會使用圖片來避開因不同瀏覽器對 CSS 支援各有不同的問題,但也有網站採主要瀏覽器才支援的 CSS 語法來支應,Blend-CSS 是一個可以線上產生漸層色彩的 CSS 語法產生器,操作方法非常直覺,透過設計好的左、右可選不同色彩的介面,直接就可混合成漸層色彩,且可直接預覽,滿意後,就可複製其產出的 CSS 語法,放到網頁要應用的地方,相當方便。
ContentPhoto3076

繼續閱讀»»»

搜尋文章