分类:前端

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

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

3年前 (2014-07-19) 18453℃ 1评论 30喜欢

webfont中文云端字体服务推荐:有字库

webfont中文云端字体服务推荐:有字库
现在到处都是英文的云端字体服务,前几天一直在找中文的webfont。发现中文的webfont只有一家:有字库。 官方也号称是网页在线引用、无需下载全球第一中文web font服务平台。貌似暂时还没发现其他的平台。如果你也在寻找更具美感的中文字体,也想在网页进行使用,推荐可以去...

3年前 (2014-07-18) 28072℃ 31评论 63喜欢

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

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

3年前 (2014-07-17) 36867℃ 7评论 181喜欢

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

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

3年前 (2014-07-15) 15664℃ 6评论 72喜欢

程序员应该知道的13个Web设计技巧

程序员应该知道的13个Web设计技巧
我是一个程序员,不是设计师。我没有受过设计师的训练。我也没有读过关于设计的书籍。尽管如此,在数年的开发过程中,我学会了让自己的网站和应用看起来很专业。下边是我认为一个技术背景的人要变得擅长设计需要留意的东西: 开发你的美感 … 我最喜欢的站点是:awwwards.com–...

3年前 (2014-07-13) 5216℃ 3评论 9喜欢

10个值得设计师收藏的高清照片设计素材网站

10个值得设计师收藏的高清照片设计素材网站
做设计师的朋友经常会在网页设计或者其他Web相关的设计时使用一些网页素材来丰富自己的作品,比如一些流行的图标素材和许多国外设计站点分享的PSD素材等,这些设计素材我之前也分享过一些,还想看看的朋友可以去:2014年40套值得去下载的免费图标集合 12个设计精美的扁平化后台界...

3年前 (2014-07-10) 14860℃ 6评论 21喜欢

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

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

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

炫酷的CSS3抖动样式:CSS Shake

炫酷的CSS3抖动样式:CSS Shake
CSS Shake是一个使用CSS3实现的动画样式,使用SASS编写,利用它我们可以实现多种不同样式的抖动效果(如下面的GIF图像):这是一个很微小的动画,但使用得当也是挺不错的,比如用在广告、图像、按钮上,这样可以用来吸引用户眼球从而促使去点击它。 这个Csshake有9个...

3年前 (2014-07-04) 9404℃ 3评论 17喜欢

30个配色方案十分精彩的网站设计作品欣赏

30个配色方案十分精彩的网站设计作品欣赏
设计网站最重要的就是网站设计要吸引用户的注意。选择合适的配色方案是一个比较麻烦的过程。今天我们为大家带来30个配色方案十分精彩的网站设计作品。大家可以好好看看,可能会给你带来好的设计灵感。觉得不错的话就收藏一下额。 当然,你也可以看下面这些文字。你可能也会喜欢的: 2014年10...

3年前 (2014-07-03) 10157℃ 0评论 14喜欢

2014年40套值得去下载的免费图标集合

2014年40套值得去下载的免费图标集合
图标在网站中是非常重要的,因为它们让网站看起来更加完整。这一点你可以从每一个网站上看得到。他们的目的是引导用户并给他们提供有用的信息。也就是说,设计师非常清楚它们在网络相关项目中的含义,并一直在寻找好的图标用在网站上。 图标是作为用户与网页之间的沟通合作符号。除此之外,图标提供更...

3年前 (2014-06-29) 8081℃ 0评论 18喜欢

盘点前10名的免费跨浏览器测试工具

盘点前10名的免费跨浏览器测试工具
在多个平台上测试多种浏览器不但是很困难的 – 它几乎不可能的,因为没有那些好的测试工具。今天,我们就为大家提供很多涉及到跨浏览器测试的选择,并且告诉你那些“顶级的浏览器测试工具”,你应该使用哪一个。这前10名的免费跨浏览器测试工具没有特定的顺序,因为他们对于任何特...

3年前 (2014-06-26) 9334℃ 13评论 7喜欢

2014年50个程序员最适用的免费JQuery插件

2014年50个程序员最适用的免费JQuery插件
有用的jQuery库是设计师和开发者之间一个非常熟悉的短语。这是现在互联网中最流行的JavaScript函数库之一。每个设计师和开发人员都应该知道它的重要性,而且熟悉它的功能和特点。jQuery几乎可以解决一个网站所有的问题 它可以从做一个有吸引力和创意的网站解决所有那些阻...

3年前 (2014-06-25) 16414℃ 8评论 9喜欢