源码搜藏网

本文为大家介绍下CSS3中background-clip和background-origin的区别，感兴趣的朋友可以参考下

扇形菜单想必大家对它并不陌生吧，本文为大家介绍下如何使用纯CSS3打造动感漂亮的扇形菜单，感兴趣的朋友可以学习下

你认为学会了基础的id，类和后代选择符，然后你就一直用它们了吗？如果是这样，你丢失了（css的）巨大的灵活性。在本文中提到的很多选择器属于CSS3规范的一部分，因此，只有在现代浏览器中才可使用

根据用户输入的颜色来配置整个主题的颜色，发现css3的背景渐变中的透明度可以解决这个问题，具体的实现如下，大家可以参考下

链接的虚线框影响整体风格，我们在工作经常会将它去掉，而采用图片高亮的方式来显示焦点状态。然而去掉虚线框在两种浏览器中却分别对待，这种技巧经常用到，作个记录，以备不时之需

css3都推出好久了，虽然各大主流浏览器对其兼容性还不是很好，特别是IE…但通过添加-moz- -webkit-这样的前缀可以在chrome和Firefox下获得更好的效果，还是Transition实现的过渡效果

有无数的理由要求我们在任何时候都应该知道用户是使用的什么设备浏览我们的网站——宽屏，普通屏，平板，手机？知道这些特征，我们web应用的CSS和JavaScript才能同步做相应的操作

因为不断有人问我，现在我补充一下：IE是支持这种技术的！尽管会很麻烦。需要做的是旋转front和back元素，而不是旋转整个容器元素。如果你使用的是最新版的IE，可以忽略这一节。IE10+是支持的，IE9完全不支持CSS动画。

CSS背景动画很长时间以来都是一个热门话题，很多时候都是因为效果特别绚丽，而且不需要额外的技术。最近有人问我是否可以给页面上一个指定的元素安排多重背景动画，答案是yes….虽然有些限制因素。让我们来看看如何实现这个效果

这篇文章主要介绍了CSS3 Media Queries详细介绍和使用实例,需要的朋友可以参考下

这篇文章主要介绍了css3实现可滑动跳转的分页插件示例,需要的朋友可以参考下

这篇文章主要介绍了CSS3动画animation如何实现云彩向左滚动的效果，需要的朋友可以参考下

这篇文章主要介绍了css3 自定义字体font-face使用，需要的朋友可以参考下

鼠标滑过时增加了一点动画效果，当鼠标放在眼睛上的时候，眼睛会闪动几下，CSS3环境下运行，ie8不能运行，感兴趣的朋友可以参考下

在CSS3中我们可以使用animation属性来创建复杂的动画效果，本文就要借助它实现雪花飘落特效，功能代码如下，希望对大家学习css3有所帮助

随着浏览器的升级，CSS3已经可以投入实际应用了。但是，不同的浏览器有不同的CSS3实现，兼容性是一个大问题。

这篇文章主要介绍了纯CSS3实现滚动的齿轮动画效果,主要用了transform进行旋转，keyframes关键帧等技术实现,需要的朋友可以参考下

瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。我们只是实现了多栏的布局。

三角碎片以非常缓慢的速度旋转移动，如果使用JS实现会出现一像素一像素移动的卡顿而使用CSS3会获得非常理想的效果

通过CSS border-radius，我向大家展示了如何实现方形元素的圆角效果，这解决了以前美工画出这种效果而开发人员无法实现的问题。CSS渐变色(Gradients)也是一个类似的技术。现在火狐，谷歌浏览器，Safari，IE8+都支持这种技术，我们可以安全的在网站上使用它

图片放大，这是一个比较容易的效果了。当然，今天说的可不是简简单单的在一个框里放大，而是一个圆,就像放大镜或是狙击镜那样，只有圆圈里的放大，圈外的当然还是原来的图片,需要的朋友可以参考下

在这篇文章中简单的介绍了CSS Grid Layout，以及为什么要使用他，并且介绍了其一些术语：网格线、网格轨道、网格单元格、网格区域和网格容器等，为后面如何学习和使用CSS Grid Layout做了一个铺垫。

这篇文章主要介绍了CSS+jQuery+PHP+MySQL实现的在线答题功能,本文涉及了前端和后端技术,实现了一个完整的在线答题功能,需要的朋友可以参考下

之前我用JavaScript和CSS3制作出了相同的效果，本文里我是想改进一下之前的技术，我想让它变的更容易，我想去掉js代码，只用CSS3来实现整个效果