diff --git a/README.md b/README.md index cb8722b..358bf9f 100644 --- a/README.md +++ b/README.md @@ -27,7 +27,7 @@ Imagehover.css is a lovingly crafted CSS library allowing you to easily implemen 2. Place the following markup in to your HTML document ```html -
+
// Hover Content @@ -35,13 +35,13 @@ Imagehover.css is a lovingly crafted CSS library allowing you to easily implemen
``` -3. Edit the URL to your image and add your hover content. Then simply set the imagehover.css class of your choice to the containing figure element. In the example above this has been set to 'imghvr-fade'. A full list of hover effects and their classes can be found [here!](http://www.imagehover.io/). +3. Edit the URL to your image and add your hover content. Then simply set the imagehover.css class of your choice to the containing figure element. In the example above this has been set to 'imghover-fade'. A full list of hover effects and their classes can be found [here!](http://www.imagehover.io/). ## Adding a Link To link your image, add an empty <a> tag just after the figcaption element. ```html -
+
// Hover Content @@ -77,12 +77,14 @@ You can find and customize these variables in the `_variables.scss` file. | `$figcaption-bg` | `#135796` (default), or any valid CSS color value | Specifies the `background-color` for the figcaption element. | | `$figcaption-padding` | `30px` (default), or any length or percentage | Sets the `padding` on the figcaption element. | | `$text-color` | `#ffffff` (default), or any valid CSS color value | Sets the text `color` for the figcaption element and any child ` elements`. | -| `$border-color` | `#ffffff` (default), or any valid CSS color value | Sets the text `border-color` for ... | -| `$border-margin` | `5px` (default), or any valid length | ... | +| `$border-color` | `#ffffff` (default), or any valid CSS color value | Sets the text `border-color` for ... +|. $border-radius. |. '4px' or any valid css value. |make border corner round +| $border-style. | solid or any valid css value. | set the border-styls + | `$border-width` | `4px` (default), or any valid length | ... | | `$transition-duration` | `0.35s` (default), or any valid time value | Sets the transition duration for the animation. | -| `$shift-distance` | `10px` (default), or any valid length | ... | - +| `$shift-distance` | `10px` (default), or any valid length | ... | +| $ margin-10px. |. 10px or any valid css value. | ... | sets the margin between two boxes ## Browser Support