關注前端開發
關注用戶體驗

標簽:CSS3

巧用CSS3的calc()寬度計算做響應模式布局-大前端
HTML/CSS

巧用CSS3的calc()寬度計算做響應模式布局

浩子閱讀(132946)贊(27)

今天瀏覽這個http://www.sitepoint.com站時,因為好奇看了下人家寫的代碼,結果發現了這行代碼, 于是就研究了一下,calc()從字面我們可以把他理解為一個函數function。其實calc是英文單詞calculate(計...

CSS3:linear-gradient切角畫冊-大前端
HTML/CSS

CSS3:linear-gradient切角畫冊

浩子閱讀(38526)贊(7)

關于linear-gradient的語法就不多做介紹了網上到處都是,下面看個小例 我們先做一個漸變,使其讓他旋轉, <div class="example"> </div> .example{ height:150p...

CSS3技巧:fit-content水平居中-大前端
HTML/CSS

CSS3技巧:fit-content水平居中

浩子閱讀(44729)贊(14)

當我們讓一個模塊水平居中首先想到的肯定是margin:0 auto;有木有?那么今天給大家介紹一個fit-content屬性,不知道有沒有同學用過,如果用過那么你可以略過這篇文章,沒用過的同學就繼續了,我也是第一次看到這個屬性,之前不知道這...

CSS3技巧:利用css3徑向漸變做一張優惠券-大前端
HTML/CSS

CSS3技巧:利用css3徑向漸變做一張優惠券

浩子閱讀(63717)贊(23)

在很多購物網站上都能看到優惠券,代金券,什么什么的券,但基本都是圖片直接放上去,那么你有沒有想過css來做一個呢,反正我是這樣想過。那么你怎么做呢,切圖做背景平鋪邊緣,嗯,有這樣想過,如今css3技術這么先進再用背景做平鋪是不是已經out了...

css3使用技巧:細線邊框的3種不同的寫法-大前端
HTML/CSS

css3使用技巧:細線邊框的3種不同的寫法

浩子閱讀(54028)贊(11)

最近在做一個H5手機頁面項目遇到了一個小小的問題,就是邊框描邊1像素的問題。 例:網易   一般的app邊框描邊的線都小于一像素,那么我就像往常一樣直接描了1px的邊框,雖然是1px可是結果和app里的描邊完全不一樣“粗了”,所以...

CSS3 iphone式開關的推薦寫法-大前端
HTML/CSS

CSS3 iphone式開關的推薦寫法

浩子閱讀(45807)贊(2)

話說這個問題糾結了近一個小時,為什么呢?看看就知道了。 在公司的商旅Web移動版本項目上有這么一個交互,需要模仿iphone自帶的開關,好吧,肯定沒什么問題。 Tip:請使用Chrome查看以下案例 點此查看實例展示 寫啊寫,html代碼出...

推薦一套CSS3圖標GUI-大前端
技巧資源

推薦一套CSS3圖標GUI

浩子閱讀(40104)贊(3)

在前面的移動開發小結一文中給大家推薦了一套不錯的老外寫的CSS3 GUI,因為十分不錯,個人在移動項目中也使用過一些,所以再次隆重推薦給大家,如果你是懶人,你懂的! 為了保證這套GUI的正常訪問和速度,特別搬到大前端站點上,你可以輕松通過此...

themebetter 國內更好的WordPress主題服務商

立即前往
广东26选5复式计算