關鍵應用
用EMail訂閱文章 用RSS訂閱文章 搜尋文章
˄
標籤:CSS

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

繼續閱讀»»»

Tables Generator 視覺化操作的表格產生器

HTML 這種標記式語言雖不複雜也不難學,但對一個初學者而言,要學的東西還真是不少,其中網頁常見的 Table tag 其製作說容易也容易,但如果太複雜,還是需要一些時間的調整,Tables Generator 這個線上的表格產生器,可產生 LaTeX Tables、HTML Tables、Text Tables、Markdown Tables、MediaWiki Tables 等各類型的表格,全部視覺化的操作,馬上可預覽效果,雖不一定能全部套用,但產生後再去修改所提供的 HTML 與 CSS 框架樣式語法,也絕對比你從頭自己來的快,另外,如果有 CSV 檔案,也可直接匯入成表格。
ContentPhoto3003

繼續閱讀»»»

Cyotek Spriter v1.9.0.247 自動產出圖片型網頁的 CSS 及 HTML程式碼

2018-7-29 更新:版本更新至 v1.9.0.247
如果不熟悉 HTML 與 CSS ,卻想要將自己所拍攝或蒐集來的圖片,放到網頁上,該如何做呢?Cyotek Spriter 這套免費的應用程式應該可以幫到你,從網頁布局、圖片挑選、CSS 套用、特效等,都可以透過圖形化的介面來操作,完成後,可預覽,並自動產生 HTML 及 CSS 程式碼,省去學習門檻,專注在攝影領域。
ContentPhoto2905

繼續閱讀»»»

線上 HTML、CSS、JavaScript 程式碼產生器,超多範例語法

網頁要碰到的技術,基礎大概有 HTML、CSS、JavaScript 等程式語法,對初學者而言,最快的上手方式,當然就是多參考別人寫的語法,什麼樣的效果搭配什麼樣的語法,Free Online HTML Code Generator CSS Code Generator JavaScript Code Generator 這個網站在 HTML、CSS、JavaScript、JQuery 四種語言,提供網頁常用物件像是 table、dropdown、iFrame、textbox、radio button、button...等等的語法產生器,透過參數的調整,就能取得該效果的相對應的語法,讓你馬上就能套用到網頁內,這對於還不熟或初學者來說,可說是最佳好幫手。
ContentPhoto2888

繼續閱讀»»»

搜尋文章