超级实用的15种CSS3图片Hover悬停效果代码
有时候我们会在网站中加入一些图片的Hover悬停效果，但是一般自己的写的那些可能需要长期的经验才能做出非常好看的效果。今天就为大家分享15种国外大神写的CSS3实现的图片Hover悬停效果代码，超级实用，兼容IE9+、chrome、firefox浏览器。 当然，除了CSS3的悬停效果，你可能还喜欢这些： html5+CSS3实现的炫酷超链接特效 15种CSS混合模式让图片产生令人惊艳的效果...
View ArticleCSS3实现的幻灯片导航箭头提示特效
在我们常用做网页的的时候，采用CSS3技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。而一般网站的幻灯片切换中往往少不了左右箭头切换的导航箭头，今天分享的幻灯片导航箭头特效会让鼠标经该元素时，会呈现出更加丰富的幻灯片导航提示效果。 鼠标滑过两侧的箭头即可看到效果，废话不多说，直接上Demo： 使用方法：...
View ArticleHTML5+CSS3实现图片选择动画 可选择多张图片
HTML5+CSS3结合之后的强大特效这是有目共睹的。好多原来必须要用Flash或者JS才能实现的特效，现在只需要用CSS简单的几行代码就可以解决。 今天就来分享一款既炫酷又实用的HTML5图片选择特效。很实用，可以应用在你需要的网站上面。 当图片被选中时，图片上就会覆盖一个半透明的层，上面有一个勾，并且在选中的时候图片出现弹跳的动画效果。 图片选择动画 演示的效果如下：...
View ArticlejQuery+CSS3实现图片翻转特效 可水平垂直翻转
这是一款基于jQuery和CSS3的图片翻转特效，点击按钮后图片翻转的效果炫酷毙了。 每一张图片都有文字标题悬浮在图片上，点击切换按钮，每一张图片均会进行水平或者垂直翻转。 翻转效果花样非常多，而且有3D立体的视觉效果。你可以体验到CSS3的运用让这些图片都变得动感十足。 如果喜欢这种图片特效，你还可以去看看： HTML5+CSS3实现图片选择动画 可选择多张图片...
View ArticleCodePen上最受欢迎的24个HTML5+CSS3代码片段
CodePen是一个网站前端设计开发平台，是一个针对网站前端代码设计的开发工具，提供多种效果的网站前端代码设计工具和丰富的案例特效代码。用户可以在各种现成的demo基础上Fork后开发自己的前端设计，也可以把你的Demo设计分享给其他人。...
View Article狂拽酷炫吊炸天！ 纯CSS绘制《辛普森一家》人物头像
《辛普森一家》是美国福克斯广播公司的一部动画情景喜剧，由马特·格勒宁创作。该剧通过对霍默、玛琦、巴特、莉萨和玛吉一家五口生活的描绘，用搞笑的方式自我嘲讽了美国的文化、社会、电视以及人类境况的诸多方面。可能很多朋友看过这部喜剧。我之前阵子好像看过一点点，所以大略了解了一些。貌似还在4频道的节目“100个最伟大的儿童节目”（2001）及“100部最伟大的卡通片”（2005）中均名列榜首。...
View Article为什么没有人使用CSS3的border-image 属性
border-image可以说也是CSS3中的重量级属性，如同圆角属性border-radius、边框颜色属性border-color、块阴影属性box-shadow一样，也是属于边框属性中的一员。 对了，你还可以看看这些： CodePen上最受欢迎的24个HTML5+CSS3代码片段 jQuery+CSS3实现图片翻转特效 可水平垂直翻转 HTML5+CSS3实现图片选择动画 可选择多张图片...
View ArticleCSS3实现的响应式下拉滑动特效菜单
今天分享一款CSS3导航菜单，是基于CSS3的响应式下拉滑动特效菜单。滑动的效果非常酷。整体的体验也不错。 这个CSS3菜单有两个特点： 1.响应式布局，这就意味着随着页面大小的变化，菜单的布局也会发生自适应变化，特别适合在移动设备上使用。 2.鼠标滑过动画，鼠标滑过菜单项时可以渐变滑动，动画效果还不错。 如果喜欢这种特效，你还可以去看看： HTML5+CSS3实现图片选择动画 可选择多张图片...
View Article30个非常酷的 jQuery 和 CSS3 动画效果
如果你是一个网页设计师或开发人员，你必须会使用jQuery和CSS3的来为你的网站制作一些特效功能。 因为CSS3和jQuery从根本上改变了web开发的发展，使用它们你可以不用花太多精力，使用少量代码就很容易地创造出一些美丽而神奇的元素。...
View Article33个jQuery与CSS3实现的绚丽鼠标悬停效果
只要你有创意，完全可以使用CSS3来实现漂亮的动效，当然如果配合jQuery，这样会更加强大，实现更多高级绚丽的动画效果。鼠标hover效果是很常用的，虽然很细微的东西，但网站的细节注定的网站的体验，所以也不要忽视这些小细节。 今天整理了33个使用jQuery与CSS3实现绚丽的鼠标悬停效果，有些是纯CSS3的，这些效果你完全可以用在你的网页上，让网站获得更好的体验。 Animated...
View Article
