分类:HTML5+CSS3

33个jQuery与CSS3实现的绚丽鼠标悬停效果

33个jQuery与CSS3实现的绚丽鼠标悬停效果
只要你有创意,完全可以使用CSS3来实现漂亮的动效,当然如果配合jQuery,这样会更加强大,实现更多高级绚丽的动画效果。鼠标hover效果是很常用的,虽然很细微的东西,但网站的细节注定的网站的体验,所以也不要忽视这些小细节。 今天整理了33个使用jQuery与CSS3实现绚丽的...

2年前 (2014-10-16) 20219℃ 10评论 99喜欢

30个非常酷的 jQuery 和 CSS3 动画效果

30个非常酷的 jQuery 和 CSS3 动画效果
如果你是一个网页设计师或开发人员,你必须会使用jQuery和CSS3的来为你的网站制作一些特效功能。 因为CSS3和jQuery从根本上改变了web开发的发展,使用它们你可以不用花太多精力,使用少量代码就很容易地创造出一些美丽而神奇的元素。 今天给大家分享的一些jQuery和CS...

2年前 (2014-09-24) 14806℃ 7评论 56喜欢

CSS3实现的响应式下拉滑动特效菜单

CSS3实现的响应式下拉滑动特效菜单
今天分享一款CSS3导航菜单,是基于CSS3的响应式下拉滑动特效菜单。滑动的效果非常酷。整体的体验也不错。这个CSS3菜单有两个特点: 1.响应式布局,这就意味着随着页面大小的变化,菜单的布局也会发生自适应变化,特别适合在移动设备上使用。 2.鼠标滑过动画,鼠标滑过菜单项时可...

2年前 (2014-08-25) 8386℃ 4评论 71喜欢

为什么没有人使用CSS3的border-image 属性

为什么没有人使用CSS3的border-image 属性
border-image可以说也是CSS3中的重量级属性,如同圆角属性border-radius、边框颜色属性border-color、块阴影属性box-shadow一样,也是属于边框属性中的一员。对了,你还可以看看这些:CodePen上最受欢迎的24个HTML5+CS...

2年前 (2014-07-26) 4141℃ 3评论 25喜欢

狂拽酷炫吊炸天! 纯CSS绘制《辛普森一家》人物头像

狂拽酷炫吊炸天! 纯CSS绘制《辛普森一家》人物头像
《辛普森一家》是美国福克斯广播公司的一部动画情景喜剧,由马特·格勒宁创作。该剧通过对霍默、玛琦、巴特、莉萨和玛吉一家五口生活的描绘,用搞笑的方式自我嘲讽了美国的文化、社会、电视以及人类境况的诸多方面。可能很多朋友看过这部喜剧。我之前阵子好像看过一点点,所以大略了解了一些。貌似还在...

2年前 (2014-07-24) 7976℃ 7评论 26喜欢

CodePen上最受欢迎的24个HTML5+CSS3代码片段

CodePen上最受欢迎的24个HTML5+CSS3代码片段
CodePen是一个网站前端设计开发平台,是一个针对网站前端代码设计的开发工具,提供多种效果的网站前端代码设计工具和丰富的案例特效代码。用户可以在各种现成的demo基础上Fork后开发自己的前端设计,也可以把你的Demo设计分享给其他人。 之前我就发过CodePen上的效果代码,...

2年前 (2014-07-23) 9981℃ 8评论 30喜欢

jQuery+CSS3实现图片翻转特效 可水平垂直翻转

jQuery+CSS3实现图片翻转特效 可水平垂直翻转
这是一款基于jQuery和CSS3的图片翻转特效,点击按钮后图片翻转的效果炫酷毙了。 每一张图片都有文字标题悬浮在图片上,点击切换按钮,每一张图片均会进行水平或者垂直翻转。翻转效果花样非常多,而且有3D立体的视觉效果。你可以体验到CSS3的运用让这些图片都变得动感十足。 如果...

2年前 (2014-07-23) 12512℃ 5评论 29喜欢

HTML5+CSS3实现图片选择动画 可选择多张图片

HTML5+CSS3实现图片选择动画 可选择多张图片
HTML5+CSS3结合之后的强大特效这是有目共睹的。好多原来必须要用Flash或者JS才能实现的特效,现在只需要用CSS简单的几行代码就可以解决。 今天就来分享一款既炫酷又实用的HTML5图片选择特效。很实用,可以应用在你需要的网站上面。 当图片被选中时,图片上就会覆盖一个半透...

2年前 (2014-07-21) 10782℃ 5评论 35喜欢

CSS3实现的幻灯片导航箭头提示特效

CSS3实现的幻灯片导航箭头提示特效
在我们常用做网页的的时候,采用CSS3技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。而一般网站的幻灯片切换中往往少不了左右箭头切换的导航箭头,今天分享的幻灯片导航箭头特效会让鼠标经该元素时,会呈现出更加丰富的幻灯片导航提示效果。鼠标滑过两侧的箭头...

2年前 (2014-07-19) 15550℃ 1评论 27喜欢

超级实用的15种CSS3图片Hover悬停效果代码

超级实用的15种CSS3图片Hover悬停效果代码
有时候我们会在网站中加入一些图片的Hover悬停效果,但是一般自己的写的那些可能需要长期的经验才能做出非常好看的效果。今天就为大家分享15种国外大神写的CSS3实现的图片Hover悬停效果代码,超级实用,兼容IE9+、chrome、firefox浏览器。当然,除了CSS3的悬...

2年前 (2014-07-17) 24525℃ 7评论 150喜欢

html5+CSS3实现的炫酷超链接特效

html5+CSS3实现的炫酷超链接特效
今天为大家介绍一个非常炫酷的超链接特效。在你做一些前端的网页时可以在里面去用上这些前卫时尚的效果。 这些超链接特性,大都是借助伪元素、svg、HTML5动画来实现的。效果都很漂亮,不信看下面。用你的鼠标悬停在这些链接上,你就能体验和传统链接完全不一样的感觉。 当然最重要的一点...

2年前 (2014-07-15) 10647℃ 6评论 61喜欢

15种CSS混合模式让图片产生令人惊艳的效果

15种CSS混合模式让图片产生令人惊艳的效果
如果你曾经广泛地使用过图片编辑应用软件(例如,Adobe Photoshop,Pixelmator,GIMP等),那么你可能对混合模式比较熟悉。如同名称中所暗示的,混合模式是指将上层的图像融入下层图像时采用的各种模式。根据您所选择的模式,你会看到不同的融合后的效果。 混合模式采取...

2年前 (2014-07-09) 7549℃ 3评论 17喜欢