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

HTML/CSS 第2页

有HTML5、CSS3等最新的HTML和CSS知识
CSS3技巧:利用css3径向渐变做一张优惠券-大前端

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

浩子阅读(54460)赞(13)

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

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

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

浩子阅读(46869)赞(2)

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

HTML5绘制上海地铁线路图-大前端

HTML5绘制上海地铁线路图

投稿者阅读(44489)赞(3)

某市政项目用到地铁图展示,展示地铁站点以及相关信息流,使用Qunee组件可以很好的解决这类需求,做出优美的展现,下面以上海2012地铁图为例,效果如下: 示例讲解 首先需要解决数据问题,可以从维基百科或者上海地铁官网中获取,不过也免不了人工...

CSS创建三角形(小三角)的几种方法

宇轩阅读(120634)赞(7)

你可以在很多地方看到三角形(小三角):tooltips提示框、下拉菜单、甚至在loading载入动画里。不管你喜欢还是不喜欢,这些小元素对各UI元素之间的联系关系式很重要的。 有一些不同的方法来设计并制作一个三角形,在本文中,我将介绍: 点...

IOS下移除按钮原生样式 -webkit-appearance-大前端

IOS下移除按钮原生样式 -webkit-appearance

浩子阅读(59167)赞(0)

IOS环境下的按钮都是经过美化的,但通常我们在设计web app的时候不需要这些看上去老土的样式,所以,去除这些显得很有必要。 下面这句代码就是重置这些样式的: -webkit-appearance: none; 通常,我们在写移动端的we...

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

CSS3 iphone式开关的推荐写法

浩子阅读(42022)赞(1)

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

CSS常用浮出层的写法-大前端

CSS常用浮出层的写法

浩子阅读(107752)赞(4)

浮出层是web页面中经常用到的功能,带有小小尖角的浮出层则更为生动,所以今天带给大家的是有角的浮出层,一起看看吧! 点此查看实例展示 是的,我们即将实现的就是以上功能,是不是很生动? 贴上HTML: <div class="popti...

移动端Web开发小记-大前端

移动端Web开发小记

浩子阅读(88184)赞(2)

之前为公司商旅频道写移动端的页面时遇到不少问题,今特来个总结,希望能为后来者带来一些帮助。 不再考虑浏览器兼容性 移动端开发主要对象是手持设备,其中绝大部分是IOS和Android系统,so,在开发此类页面时不必纠结IE和其他一些2B浏览器...

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

立即前往