標籤彙整:css

【設計資源】 – 「 Image Effects 」 : 可線上套用 CSS 濾鏡特效好站

Image Effects

今天飛肯小編要來跟大家分享的網站是 : 「 Image Effect 」,
這個網站提供了多達20種免費使用的 CSS 濾鏡特效,
可讓使用者上傳自己的圖片,任意套用並可立即觀看產出影像,
同時自動產生 CSS 或 SCSS 的語法碼,拷貝之後即可使用在網頁上面。… 繼續閱讀

in Free Resource 好康報報, Good Design 好站報報

CSS教學分享文 – 重複背景圖之語法練習

範例完成圖

今天要來分享的 CSS 語法練習,其實是之前有一篇「固定背景圖教學文」的延伸版,要教大家利用上一篇的網頁版型,來做重複背景圖片的語法練習。
如果是第一次加入的新朋友,要請您先參考上一篇之後,再來 follow 本篇教學才會比較銜接得上喔!請大家先準備好兩張素材圖片,我們就要進入正式的練習囉!
Ready~~~ Go!… 繼續閱讀

in CSS 語法 - 網頁設計

【靈感來源】Fresh Background Gradients-免費180種漸層配色集合

哈囉~大家好,上次有分享了一個配色網站「COLORION」, 不知道大家是否有收藏起來呀,今天要再來分享一個很棒的漸層配色組合的網站給大家啦!
這次的網站「Fresh Backgroud Gradients」免費提供大家180種的漸層顏色組合 繼續閱讀

in Free Resource 好康報報, Good Design 好站報報

CSS教學分享文 – 固定背景圖之語法練習

範例完成圖

這次飛肯的教學文,要來分享的是,如何利用 CSS-div 語法排版,將背景圖片固定在自己想要的網頁位置上,雖然是個很簡單的範例,不過各種常用的 background 語法設定幾乎都可以從這次範例中一起學到喔。
此外,版型中還附加了兩個 CSS3 的特殊效果語法,來讓大家認識一下:分別是圓角效果,以及文字的陰影效果,現在就請大家跟著以下步驟,一起完成今天的 CSS 語法練習吧! 繼續閱讀

in CSS 語法 - 網頁設計

【靈感來源】COLORION-尋找配色靈感的好幫手

哈囉~大家是否對於如何配色感到困擾呢~
這次要來分享一個網站「COLORION」,提供大家眾多的配色組合啦!
這網站很方便的是顏色間都可以再做關聯查詢,讓大家可以更容易去搜尋到喜歡的配色方案唷 繼續閱讀

in Free Resource 好康報報, Good Design 好站報報

CSS 教學 – 單欄式網頁版型設計

網頁完成圖示

這一次的飛肯教學文,要跟大家分享的是,如何用 CSS 語法來做一個單欄式網頁的版型設計!
雖然只是一個很基本的架構,但是在教學文當中,大家可以跟著小編一起學習幾個常用的語法,例如「 text-indent 」 的兩種使用方式、選單之水平排列、清除浮動的寫法…. 繼續閱讀

in CSS 語法 - 網頁設計