纯CSS设置Checkbox复选框控件的样式 Checkbox复选框是一个可能每一个网站都在使用的HTML元素,但大多数人并不给它们设置样式,所以在绝大多数网站它们看起来是一样的。为什么不把你的网站中的Checkbox设置一个与众不同的样式,甚至可以让它看起来一点也不像复选框。 在本教程中,我们将创 ...
分类:
Web程序 时间:
2016-06-15 12:16:14
阅读次数:
209
CSS3 target 伪类不得不说那些事儿(纯CSS实现tab切换) CSS3 target 伪类不得不说那些事儿(纯CSS实现tab切换) 是不是觉得target有点眼熟?! 今天要讲的不是HTML的<a>标签里面有个target属性。 target伪类是css3的新属性。 说到伪类,对css属 ...
分类:
Web程序 时间:
2016-06-07 20:38:53
阅读次数:
142
这篇文章收集了20个非常绚丽的 CSS3 效果应用演示,这些示例演示了 CSS3 各种新特性的强大能力。随着越来越多的浏览器对 CSS3 支持的不断完善,设计师和开发者们有了更多的选择,以前需要使用 JavaScript 才能实现的各种很酷的界面效果和动画,如今使用纯 CSS 代码就可以很容易实现。 ...
分类:
Web程序 时间:
2016-06-07 01:16:08
阅读次数:
255
h5的特色响应式布局真是让一大堆前段工作者喷了一身血〒_〒,纯css和html5布局总是出错的我相信不止我一个o(^▽^)o~那么这种时候用js获得浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)就显得尤为重要了~ 废话少说我们来总结下获取的方法: 对于IE9+、Chrome、Firefox、 ...
分类:
其他好文 时间:
2016-06-06 16:25:42
阅读次数:
159
你不一定必须使用javascript才能在浏览器端构建惊心动魄的3D效果的项目。在这篇文章中,我将介绍一种纯CSS实现的复杂的动画效果。传送门在线演示地址,Github源码地址原始视频视频展示了3D动画场景的构建,美化及动画效果。这篇文章我们将使用CSS3重绘这个传送门视频。重点介绍人物从一个门穿到另一个门的过程。下面是原始视频:这个视频在第一次发布的时候,就深深的印在了我的脑海中。传送门(创始人...
分类:
Web程序 时间:
2016-06-03 19:14:01
阅读次数:
485
气泡框(或者提示框)是网页中一种很常见的元素,大多用来展示提示信息,如下图所示: 拆分来看,形如这种气泡框无外乎就是一个矩形框+一个指示方向的三角形小箭头,要制作出这样的气泡框,如果解决了三角形小箭头就容易了。一种方法就是制作这样一个三角形箭头的图片,然后定位在矩形框上。但这种解决办法在后期更改气泡 ...
分类:
Web程序 时间:
2016-05-23 14:52:58
阅读次数:
241
前端开发css实战:使用css制作网页中的多级菜单 在日常工作中,大家都会遇到一些显示隐藏类菜单,比如页头导航、二维码显示隐藏、文本提示等等......而这些效果都是可以使用纯css实现的(而且非常简单),使用css的优势显而易见,它可以使页面中的javascript变得更少。 实现逻辑: 核心:h ...
分类:
Web程序 时间:
2016-05-18 16:10:19
阅读次数:
142
一、背景 我们在设计页面的时候,经常要把div等块级元素居中显示,而且是相对页面窗口水平和垂直方向居中显示,如让登录窗口居中显示。我们传统解决的办法是用纯CSS来让div等块级元素居中。在本文中,我将给大家讲述如何用CSS和jQuery两种方法让div等块级元素水平和垂直居中。 二、解决办法 1.C ...
分类:
其他好文 时间:
2016-05-14 14:01:58
阅读次数:
171
—————————————————————————————————————————————————————————————————— ———————————————————————————————————————————————————————————————————— —————————————— ...
分类:
Web程序 时间:
2016-05-09 12:44:27
阅读次数:
961
【导航菜单特效】最简洁的纯CSS菜单,二级下拉导航=>http://www.q3060.com/list3/list122/22516.html【导航菜单特效】加入了jQuery,二级菜单就有味道了=>http://www.q3060.com/list3/list122/22515.html【导航菜单特效】slideDown和slideUp做手风琴=>http://www.q306..
分类:
Web程序 时间:
2016-05-05 22:49:11
阅读次数:
237