很久没有和大家分享精美的 jQuery/CSS3 应用了，这两天有时间收集了几款新发布的 jQuery/CSS3 插件，于是就分享给大家，如果喜欢的话请向你的朋友和同事推荐吧。以下是 7 款插件，均有在线演示和源码，一起来看看。

这篇文章涉及到CSS的每个点，并介绍新版本的CSS3。这项新的技术引入了很多新标签和属性，使得创建有创意的网站更加简单。网页设计并不是一件容易的事，但是随着技术的日益发展，更有助于为您的客户创造令人惊叹的网站/模板，并在互联网上传播。

本手册针对的是已有一定网页设计制作经验的读者。其目的是提供最新的样式表内容的快速索引及注释。所以对于样式表的基础知识，在此仅简单介绍，恕不赘述。 什么是层叠样式表： CSS是Cascading Style Sheet（层叠样式表）的缩写。是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 CSS不需要编译,可以直接由浏览器执行(属于浏览器解释型语言)。 CSS2.1是目前被使用最广泛的版本，而目前还在开发中的CSS3具有更吸引人的特性。 本手册除了CSS2.1外，还涵盖了大部分的CSS3内容。但由于CSS3尚未定稿，不可避免会出现一些变动。

CSS3参考手册

CSS3速查表

.gist { width:220px; height:130px; background-image: url(2.jpg); background-repeat:no-repeat; border:5px solid green; background-position:50% 50%; transition:background-position 2s; -moz-transition:ba

这是一组利用CSS3的圆角，渐变和多个背景等特性创建的漂亮按纽。这些按纽只有在Chrome、Safari、Firefox浏览器中才能看到最好的效果。

1. CSS3对前端交互设计的影响梁栋 2517 liangdong2@staff.sina.com.cn 2012.11.17 2. 目录CSS3对前端交互设计的影响CSS3简介 transform

.class  以及标签选择器。可是这些还远远不够，为了在开发中更加得心应手，本文总结了30个CSS3选择器，希望对大家有所帮助。 1：通用选择器 * { margin:0; padding:0;

Cool Text Effects Using CSS3 Text-Shadow Alfonse Surigao shows cool CSS3 is to use and how many effects

Magnifying glass for image zoom using Jquery and CSS3 Learn to make a realistic magnifying glass using

CSS3 Drop Shadows 是一个 Web 应用程序用来构建漂亮的具有阴影效果的方框，它为你提供可视化的操作界面并帮你生成对应的 CSS3 代码。对设计者来说非常有用，可以方便的学习 CSS3

这里罗列了一些使用 CSS3 和 JavaScript 的网页特效集合。 Paperfold 令人印象深刻的paperfold效果！ RotorJS 对元素进行三维旋转操作

Splash and Coming Soon Page Effects With CSS3, you have way too many possibilities when it comes to

power of CSS3 icon fonts for designing user interfaces. You will be creating some generic CSS3 buttons

Hover.css是一个采用CSS3实现鼠标悬停动画效果，可应用于按钮、LOGO 以及图片等元素。可轻松地应用到自己的元素。可运用在CSS 和 SASS。 项目主页： http://www

昨晚用CSS3实现了几种常见的Loading效果，虽然很简单，但还是分享一下，顺便也当是做做笔记…… 第1种效果： 代码如下：

jopen 2015-07-06   12928   5

CSS3