爱意两存

随着Web技术越来越先进，浏览器更新换代也很快，在国内很多网站已经有使用css3和html5的技术了，所以我们也应该多学习这些新知识，设计达人网站整理的资料，你在学校、图书上也是未必看到的。

今天我们整理了10个纯CSS3制作的面包屑导航，这些都是通过CSS3来编写，十分方便，而且实用。有些文章附有教程，大家可以研究学习一下。

漂亮面包屑导航

查看网站

阅读全文

进度条是很常用的一个用户体验项，用于表示事件的处理或加载状态，制作这些loading进度条我们通常会使用GIF图片来实现，但是这方法也有一些弊端，比如我要放大或改变颜色，这样就不好处理了。

要解决这些问题最好就是用代码来实现了，现在CSS3已经流行起来，我们是否也尝试一下用CSS来实现呢？方法是有的，而且很简单，看看今天设计达人网为大家分享的12个使用纯CSS3编写的进度条，loading图标和动画都很棒哦！如下图：

阅读全文

今天我们将分享一系列 CSS 3的工具提示教程。工具提示经常用来显示额外的信息。当我们创建网站上的链接时，我们都需要添加title来帮助SEO。这些title将会能够在鼠标hover的时候能显示，但是没有非常漂亮的样式。

Bubble Point Tooltips with CSS3 & jQuery

这里Chris Coyier展示了如何使用 CSS 3和jQuery来重新创建气泡式的工具提示

CSS3 Tooltips

阅读全文

今天我们介绍一个非常不错的用来查看不同浏览器下CSS属性兼容性的在线工具 - Browser Support，如果你需要查看不同浏览器下CSS的兼容性的话，这个工具肯定能帮你大忙，特别如果你想在你的项目中使用CSS3的话，这个工具肯定也是你不错的选择。

使用这个工具，你可以输入需要查询的属性，当然这个工具拥有自动补齐功能，使你可以更方便的查看不同的CSS属性。

阅读全文

 本文重点介绍了25个基于 CSS 3的高级用户界面特效，其中包括SVG  CSS 交互图表、 CSS 3 3D 动画直方图、 CSS 3 注释层效果、 CSS 3 动画目录选项卡等精品教程。

1、SVG & CSS 交互图表

该教程将让你对 SVG 效果创建与交互有一定了解。

阅读全文