From bc18bf2b87a53e89c3b4a0fd3e4ac6a88f4c2fab Mon Sep 17 00:00:00 2001 From: Rahul2544 <72144416+Rahul2544@users.noreply.github.com> Date: Fri, 2 Oct 2020 01:26:45 +0530 Subject: [PATCH 1/2] Change css information document --- README.md | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index cb8722b..97c8fcb 100644 --- a/README.md +++ b/README.md @@ -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 valud value. | ... | sets the margin between two boxes ## Browser Support From a9090f21dee371a374a519ef810ce42664ec45b6 Mon Sep 17 00:00:00 2001 From: Rahul2544 <72144416+Rahul2544@users.noreply.github.com> Date: Fri, 2 Oct 2020 01:32:08 +0530 Subject: [PATCH 2/2] New changes --- README.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 97c8fcb..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 @@ -84,7 +84,7 @@ You can find and customize these variables in the `_variables.scss` file. | `$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 | ... | -| $ margin-10px. |. 10px or any valud value. | ... | sets the margin between two boxes +| $ margin-10px. |. 10px or any valid css value. | ... | sets the margin between two boxes ## Browser Support