You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+5-17Lines changed: 5 additions & 17 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -3,7 +3,7 @@ A small jQuery plugin that will automatically cast a shadow creating depth for y
3
3
Created by [Pete R.](http://www.thepetedesign.com), Founder of [BucketListly](http://www.bucketlistly.com)
4
4
5
5
## Usage
6
-
To use `jquery.flatshadow.js` on your website, simply include the latest jQuery library found here together with `jquery.flatshadow.js` into your document's `<head>` and call the function like this:
6
+
To use this on your website, simply include the latest jQuery library found here together with `jquery.flatshadow.js` into your document's `<head>`, follow by the html markup and a function call as follows:
7
7
8
8
````html
9
9
<divclass="flat-icon"> FLAT </div>
@@ -13,25 +13,13 @@ To use `jquery.flatshadow.js` on your website, simply include the latest jQuery
13
13
14
14
````javascript
15
15
$(".flat-icon").flatshadow({
16
-
color:"#2ecc71",
17
-
angle:"SE",
18
-
fade:true,
19
-
boxShadow:"#d7cfb9"
16
+
color:"#2ecc71",// Background color of elements inside. (Color will be random if left unassigned)
17
+
angle:"SE",// Shadows direction. Available options: N, NE, E, SE, S, SW, W and NW. (Angle will be random if left unassigned)
18
+
fade:true,// Gradient shadow effect
19
+
boxShadow:"#d7cfb9"// Color of the Container's shadow
20
20
});
21
21
````
22
22
23
-
### Color
24
-
The color option allows you to assign a background color to all your elements at once. Color will be random if empty.
25
-
26
-
### Angle
27
-
The angle option allows you to assign the direction (N, NE, E, SE, S, SW, W and NW ) of the shadow of the elements inside. Angle will be random if empty.
28
-
29
-
### Fade
30
-
The fade option will turn the flat shadow effect into a gradient shadow effect.
31
-
32
-
### boxShadow
33
-
The boxShadow allows you to apply the same shadow effect to the container of the elements. The option accept a 6 hex color code. For example, "#000000".
34
-
35
23
## Further Customization
36
24
With `jquery.flatshadow.js`, you can apply each individual elements with different effect by simply add a `data-color` and `data-angle` to your mark up as follows:
0 commit comments