From 6d8b360d2a515d5c75bc326ee4165069d3f875f1 Mon Sep 17 00:00:00 2001 From: Shobhit Sachan <31156049+sachans@users.noreply.github.com> Date: Sat, 10 Mar 2018 23:59:08 +0530 Subject: [PATCH] Update hover-shadow-box-animation.md --- snippets/hover-shadow-box-animation.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/snippets/hover-shadow-box-animation.md b/snippets/hover-shadow-box-animation.md index 50e40804f..5f383875c 100644 --- a/snippets/hover-shadow-box-animation.md +++ b/snippets/hover-shadow-box-animation.md @@ -53,8 +53,8 @@ Creates a shadow box around the text whern it is hovered. #### Explanation -1. `display: inline-block` for giving width and length for `h4` element thus making it as an `inline-block`. -2. setting the `transform: perspective(1px)` for giving element a 3-D space by affecting the distance between the Z plane and the user and `translate(0)` for repositioning `h4` element along z-axis in 3-D Space. +1. `display: inline-block` for giving width and length for `p` element thus making it as an `inline-block`. +2. setting the `transform: perspective(1px)` for giving element a 3-D space by affecting the distance between the Z plane and the user and `translate(0)` for repositioning `p` element along z-axis in 3-D Space. 3. `box-shadow:` for setting up the box. 4. `transparent` to make box transparent 5.`transition-property` for enabling both box-shadow and transform