在製作網頁時經常會設計圓角、協角與動畫…等,這些設計不透過程式通常難以達成,這時也可以使用CSS3。
再者,可以透過CSS的擴充語法 SCSS,並結合Compass框架,增加CSS的製作空間與方式。
這次,將只使用CSS的設計來呈現,並介紹如何活用SCSS與Compass提供的功能來製作幾何圖形。
為什麼要使用SCSS或Compass呢?
在運用程式描繪圖型的時候,可以使用基本的四則運算或三角函數之類的數學公式、重複的語句(for語法)、條件分支(if語法)…等,處理起來會較為便利。
但是,CSS只能使用calc()語法進行簡易的計算,而且無法進行重複的內容編譯與條件的判斷。SCSS與Compass則是已經具備處理這些方法的API,所以在圖形處理時會變容易的多。
SCSS與Compass的安裝與設定方式請參考以下網頁:
如何簡單的用Mac終端安裝SCSS+Compass
以下,將假設使用設定完整的SCSS與Compass環境來進行說明:https://ics.media/entry/1808
網頁設計.RWD響應式網站.企業形象網站 / 服務類
網站技術:PHP . Javascript/MySql
向以勞動法專業律師團隊自詡,提供最專業法律相關服務的律師事務所暨企業管理顧問。
網頁設計.RWD響應式網站 / 休閒餐飲類
網站技術:PHP . Javascript/MySql . ORACLE
定期至人事系統取回員工資訊(含職級、個人基本資料)
定期將e-Learning系統中的訓練時數回傳至「人事系統」進行薪資的計算。
系統中的訓練時數回傳至並進行薪資計算
精選專案.網頁設計.RWD響應式網站.企業形象網站 / 戶外旅遊類
網站技術:PHP/MySql
每個人旅遊方式百百種,有人喜愛快節奏、刺激;有人喜愛慢節奏、輕旅行。 樂晴可以為你設計一套獨一無二的套裝行程,針對不同的對象、目的都是可以安排的。不用擔心會玩的不開心,只怕會玩的太快樂!!
電話:(02)2739-9096 | 傳真:(02)2739-6637 | 客服:[email protected] | 臺北市信義區和平東路3段257號6樓map
© 2019 傑立資訊 All rights reserved.| 網站隱私政策