andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update hover-shadow-box-animation.md

Browse Source
This commit is contained in:
Shobhit Sachan
2018-03-10 23:59:08 +05:30
committed by GitHub
parent 6531bbd5e7
commit 6d8b360d2a
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
snippets/hover-shadow-box-animation.md
View File

@ -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