box-shadow

炫酷霸气的HTML5/jQuery应用及源码

炫酷霸气的HTML5/jQuery应用及源码

也许在5年前,HTML5还是一种很前卫的技术,大家还只是将它当做实验来看待,更别说产品应用了。但是现在HTML5已经非常流行,无论从PC端还是移动端,HTML5都扮演着非常重要的...

干货分享 超炫丽的HTML5/jQuery应用及代码

干货分享 超炫丽的HTML5/jQuery应用及代码

今天我们要来分享一些HTML5干货,对于前段开发者来说,这些HTML5应用和jQuery插件将会让你的项目更加生动和炫丽,至少在UI设计方面,或多或少会带给你一点设计灵感,赶紧收...

纯HTML+CSS实现阿童木头像

纯HTML+CSS实现阿童木头像

他有十万马力,能上天能入地;他分辨善恶,是勇敢正义化身;1963年,他登上荧幕,在日本创下了未曾有过的高收视率……他叫阿童木,一个纯真、善良、勇敢的机器娃娃。“阿童木之...

效果非常酷!纯CSS3实现的图片滑块程序

效果非常酷!纯CSS3实现的图片滑块程序

之前我们经常会看到很多利用jQuery实现的焦点图插件,种类太多了,今天我想给大家分享一款利用纯CSS3实现的图片滑块应用,完全是利用CSS3的相关特性,没有使用JS,个人觉得...

CSS3 Pictogram Button

CSS3 Pictogram Button

Buttons的制作,现在几乎无需任何图片就可以实现(当然需要忽略IE低版本),而且我现在做的项目,按钮基本上使用CSS3来制作,让那些不支持CSS3的浏览器就用纯色显示,让现代浏...

CSS3 Admin Menu

CSS3 Admin Menu

这一个个人信息面板导航效果,整个效果展示的是个人相关信息的菜单项,以及搜索功能。在这个案例中使用的CSS3属性相对较多,有transition做的过渡动画效果、有transfor...

CSS3制作下拉工具条

CSS3制作下拉工具条

Tooltip的效果,在Web上的运用对大家来说不在陌生了,然而很多tooltip的效果都是依赖于JavaScript或者jQuery来实现。但是随着IE6的慢慢死去,制作这样的效果是无需任何...

CSS3 transition实现超酷图片墙动画效果

CSS3 transition实现超酷图片墙动画效果

一、前面的感慨 以前也陆陆续续试过CSS3的一些特性,文字投影,多边框等。但都是试试而已,知道有这么回事。今天,见到了一个新玩意,transition,认认真真的试了一下,经过,我...

CSS3 box-shadow实现曲线投影效果

CSS3 box-shadow实现曲线投影效果

一、简单的前言 一般的投影效果,尤其通过CSS实现的投影效果(无论是CSS3,还是IE滤镜),都是直来直往的。纸张是有卷角的,其投影就是曲面的,如何使用CSS模拟出纸张的卷边曲...

用css3制作纸张效果

用css3制作纸张效果

一、中规中矩的效果 所谓“中规中矩的效果”就是加个投影,贴个胶带什么的。效果如下: 您可以狠狠地点击这里:中规中矩纸张效果demo 这里纸张本身的效果没有什么说...

CSS3 transition实现超酷图片墙动画效果

CSS3 transition实现超酷图片墙动画效果

一、前面的感慨 以前也陆陆续续试过CSS3的一些特性,文字投影,多边框等。但都是试试而已,知道有这么回事。今天,见到了一个新玩意,transition,认认真真 的试了一下,经过,...

CSS3 HTML5实例三(块阴影与文字阴影)

CSS3 HTML5实例三(块阴影与文字阴影)

  阴影效果曾让Web设计师既爱又恨,现在,有了CSS3,你不再需要Photoshop,已经有网站在使用这个功能了,如24Wayswebsite.   -webkit-box-shadow:10px10px25px#ccc;...

CSS3系列教程:阴影

CSS3系列教程:阴影

阴影大约从CSS2就开始有了,但是只有Safari一个浏览器支持它,到现在依然是这样。阴影在CSS3中可以应用在边框和文字上,就像图片的阴影效果一样。 一般可以分为box-sha...

一款带有发光动画的HTML5表单

今天给大家秀一款带有发光动画的HTML5表单,挺酷的,效果图如下: 当表单获取焦点时,表单四周就会呈现出发光动画的效果,并不断地进行颜色渐变;当表单失去焦...