Demos:http://tympanus.net/Tutorials/CSS3SlidingImagePanels/ 出处:http://tympanus.net/codrops/2012/01/17/sliding-image-panels-with-css3/ 这个教程将介绍如何使用纯CSS创...
分类:
Web程序 时间:
2014-08-08 21:00:36
阅读次数:
354
纯css打造 预览demo:纯css3冒泡式提示信息框特效css代码:html代码: Penn Jillett My favorite thing about the Internet is that you ...
分类:
其他好文 时间:
2014-08-06 01:31:50
阅读次数:
178
今天在Dribble闲逛,偶然间看到一个不错的发送完成效果,使用纯css实现了下,最终效果如下。...
分类:
Web程序 时间:
2014-08-05 22:42:11
阅读次数:
346
下面是我找到的一个比较完美的方法,来自国外的设计达人,纯CSS,可以实现: 当正文内容很少时,底部位于窗口最下面。当改变窗口高度时,不会出现重叠问题。 说明: 使用这个布局的前提,就是footer要在总的div容器之外,f...
分类:
Web程序 时间:
2014-07-27 23:34:49
阅读次数:
303
下面是我找到的一个比较完美的方法,来自国外的设计达人,纯CSS,可以实现: 当正文内容很少时,底部位于窗口最下面。当改变窗口高度时,不会出现重叠问题。 说明: 使用这个布局的前提,就是footer要在总的div容器之外,f...
分类:
Web程序 时间:
2014-07-27 22:05:49
阅读次数:
196
css代码:input{width:200px;height:40px;}input.focus{border-color:#08c;box-shadow:004px#8bd6fb;transition:all.2sease-out0s;}
分类:
Web程序 时间:
2014-07-26 00:28:26
阅读次数:
249
首先讲一下面包屑导航为什么叫做面包屑导航,它来自于一个童话故事,这个童话故事的名字也非常有特色,叫做“汉塞尔和格莱特”,有一天他们去森林里游玩,但是走着走着发现迷路了,大家都知道,森林里都都是数,不管往哪边走,还是茫茫的一片树,于是他们在沿途走过的地方都撒下面包屑,他们利用这些面包屑帮助他们走出了森林,因此,面包屑导航的意思就是说我们去过哪些地方,以及我们如何回到我们之前的位置。
有...
分类:
Web程序 时间:
2014-07-23 22:34:19
阅读次数:
316
上文中我发布了一篇手写导航条的博客,那么这一篇博客我将和大家一起手写气泡,那么什么是气泡呢?先给那些刚入门的童鞋一个截图,来更好的认识一下什么是气泡把:
这就是一个简单的气泡啦,那么它主要用来干什么呢?他可以用来当我们点击某段文字的时候再显示出来,当然,这个可能需要用到Javascript的知识,我们先不提了,我们这里先给大家看一下如何去做一个CSS气泡把。
我们先分析一下思路...
分类:
Web程序 时间:
2014-07-23 21:05:44
阅读次数:
307
这里用纯CSS实现一个简单的单级下拉菜单,鼠标划过菜单标题时显示下拉菜单。基本思路在菜单处于光标之下时显示菜单,其余时候隐藏。这个过程首先得想到 :hover 伪类来实现,但是直接的利用伪类还不行,因为普通状态下菜单隐藏了,没办法触发 :hover ,不过下拉菜单隐藏了不是还有菜单标题么,菜单标题处...
分类:
其他好文 时间:
2014-07-22 22:53:13
阅读次数:
333
在设计界面的时候,通常需要三角形的图标,一般做法是用图片,其实也可以使用css来实现。如下:向上的三角形向右的三角形向下的三角形向左的三角形实现它们的css分别是:1 .top{2 width: 0;3 height: 0;4 border-color: transparen...
分类:
Web程序 时间:
2014-07-19 11:21:13
阅读次数:
258