一个小的jQuery插件，会自动蒙上了一层阴影创造深度的平板UI元素
一个小的jQuery插件，会自动蒙上了一层阴影创造深度的平板UI元素，为您的扁平 UI 元素蒙上了一层创建深度的阴影，这是时下流行的效果。
在您的网站使用此功能，只需包括在这里找到，连同最新的jQuery库
遵循HTML标记和函数调用，如下所示：
用法
jquery.flatshadow.js到文档中的<HEAD>，
<div class="flat-icon"> FLAT </div> <div class="flat-icon"> UI </div> ...
$(".flat-icon").flatshadow({ color: "#2ecc71", // Background color of elements inside. (Color will be random if left unassigned) angle: "SE",
// Shadows direction. Available options: N, NE, E, SE, S, SW, W and NW.
(Angle will be random if left unassigned) fade: true, // Gradient shadow effect boxShadow: "#d7cfb9" // Color of the Container's shadow });
随着
现在，每个元素都有自己的作用，没有你调用的函数多次。
进一步定制
jquery.flatshadow.js，您可以通过一个简单的应用添加不同的效果各个元素的数据色和数据角度来你的商标如下：
<div data-color="#2ecc71" data-angle="NE" class="flat-icon"> FLAT </div>
<div data-color="#1ABC9C" data-angle="NW" class="flat-icon"> UI </div>
并删除这里看到的颜色和角度全局选项：
$(".flat-icon").flatshadow({ fade: true, boxShadow: "#d7cfb9" });
一款把 CSS3 动画整合到按钮中jQuery插件jQuery插件下载排行
-
2013-08-14
-
2014-08-27
-
可创建自定义样式的 jQuery.AutoComplete 自动补全插件
2013-04-24
-
jQuery的html5上传插件jQuery HTML5 Uploader
2013-04-24
-
2013-11-25
-
2013-04-24
-
2014-07-06
-
jQuery+PHP图像上传和剪裁 Image Upload and Auto Crop
2013-04-24
最新文章
-
2014-08-27
-
2014-07-06
-
2014-07-06
-
2014-06-05
-
-
2014-02-11
-
jPages 是一款非常不错的客户端分页插件，有很多特色，例如自动
2013-11-25
-
一款用于构建一个简单的提示/提词器系统的 jQuery 小插件Scrollo
2013-11-25
热门源码
