源码搜藏网

模仿某个云端软件的图标，用css做了一个云的图像，利用css3的选择器nth-of-type()设定div的第N个子元素以及style的边框长宽度属性

以往我们要实现菜单，都需要借助Javascript，今天我们用CSS 3与Html 来实现一个纯菜单，大家参考使用吧

用原生JS写了一个简单的导航，下拉菜单加了一点CSS3动画效果，兼容IE6-10、FIREFOX、CHROME、OPERA、SAFARI等主流浏览器

本文介绍了使用css3制作动感导航条示例，纯CSS没有使用JS，没有图片的导航条。用到了CSS3的Transition、box-shadow、linear-gradient

教大家一个方法使用CSS把整个网页倾斜，代码只有在支持CSS3.0的浏览器上有效果。目前只有IE9以上版本及firefox高版本支持，其它浏览器没有测试

下面简单讲解一下用css3的@media orientation匹配手机屏幕是横屏还是竖屏的使用方法，大家参考使用吧

如何让一个元素的hover动作触发另一个元素的动画以及动画的多时间点控制等等，在接下来的文章中都有不错的实现

使用css3的@media属性可以实现页面响应式布局，下面有个不错的示例，大家可以参考下

利用了css3的 rolate(旋转) 和 skew (倾斜)样式给页面加个半圆形导航条，具体的实现示例如下，感兴趣的朋友不要错过

一些背景图片随着鼠标的移动的反向的移动，感觉跟不错，下面为大家介绍喜爱使用css3让div随鼠标移动而抖动起来，感兴趣的朋友可以参考下

显示隐藏一个div特效的方法有很多，下为大家介绍下使用纯css3是如何实现的，感兴趣的朋友可以参考下

关于:nth-child和:nth-of-type的区别之前一直没太注意，经深入理解才发现里面其实暗藏玄机

本文为大家介绍下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 Grid Layout，以及为什么要使用他，并且介绍了其一些术语：网格线、网格轨道、网格单元格、网格区域和网格容器等，为后面如何学习和使用CSS Grid Layout做了一个铺垫。

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

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