关注前端开发
关注用户体验

标签:CSS3

巧用CSS3的calc()宽度计算做响应模式布局-大前端
HTML/CSS

巧用CSS3的calc()宽度计算做响应模式布局

浩子阅读(40881)评论(0)

今天浏览这个http://www.sitepoint.com站时,因为好奇看了下人家写的代码,结果发现了这行代码, 于是就研究了一下,calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计...

CSS3:linear-gradient切角画册-大前端
HTML/CSS

CSS3:linear-gradient切角画册

浩子阅读(22782)评论(4)

关于linear-gradient的语法就不多做介绍了网上到处都是,下面看个小例 我们先做一个渐变,使其让他旋转, <div class="example"> </div> .example{ height:150p...

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

CSS3技巧:fit-content水平居中

浩子阅读(23017)评论(1)

当我们让一个模块水平居中首先想到的肯定是margin:0 auto;有木有?那么今天给大家介绍一个fit-content属性,不知道有没有同学用过,如果用过那么你可以略过这篇文章,没用过的同学就继续了,我也是第一次看到这个属性,之前不知道这...

CSS3技巧:利用css3径向渐变做一张优惠券-大前端
HTML/CSS

CSS3技巧:利用css3径向渐变做一张优惠券

浩子阅读(32461)评论(1)

在很多购物网站上都能看到优惠券,代金券,什么什么的券,但基本都是图片直接放上去,那么你有没有想过css来做一个呢,反正我是这样想过。那么你怎么做呢,切图做背景平铺边缘,嗯,有这样想过,如今css3技术这么先进再用背景做平铺是不是已经out了...

css3使用技巧:细线边框的3种不同的写法-大前端
HTML/CSS

css3使用技巧:细线边框的3种不同的写法

浩子阅读(30075)评论(5)

最近在做一个H5手机页面项目遇到了一个小小的问题,就是边框描边1像素的问题。 例:网易   一般的app边框描边的线都小于一像素,那么我就像往常一样直接描了1px的边框,虽然是1px可是结果和app里的描边完全不一样“粗了”,所以...

CSS3 iphone式开关的推荐写法-大前端
HTML/CSS

CSS3 iphone式开关的推荐写法

浩子阅读(34462)评论(28)

话说这个问题纠结了近一个小时,为什么呢?看看就知道了。 在公司的商旅Web移动版本项目上有这么一个交互,需要模仿iphone自带的开关,好吧,肯定没什么问题。 Tip:请使用Chrome查看以下案例 点此查看实例展示 写啊写,html代码出...

推荐一套CSS3图标GUI-大前端
技巧资源

推荐一套CSS3图标GUI

浩子阅读(31713)评论(18)

在前面的移动开发小结一文中给大家推荐了一套不错的老外写的CSS3 GUI,因为十分不错,个人在移动项目中也使用过一些,所以再次隆重推荐给大家,如果你是懒人,你懂的! 为了保证这套GUI的正常访问和速度,特别搬到大前端站点上,你可以轻松通过此...

themebetter 国内更好的WordPress主题服务商

立即前往