Nav transition
This commit is contained in:
parent
49f16f5f12
commit
b9e54784fa
17
style.css
17
style.css
@ -29,6 +29,10 @@ nav ul { list-style-type: none; }
|
||||
|
||||
nav li
|
||||
{
|
||||
-moz-transition-duration: 1s;
|
||||
-webkit-transition-duration: 1s;
|
||||
-ms-transition-duration: 1s;
|
||||
-o-transition-duration: 1s;
|
||||
display: inline-block;
|
||||
|
||||
border: 2px solid;
|
||||
@ -42,7 +46,18 @@ nav li a
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
nav li:hover{ box-shadow: 10px 10px 0px black; }
|
||||
nav li:hover
|
||||
{
|
||||
-moz-transition-duration: 1s;
|
||||
-webkit-transition-duration: 1s;
|
||||
-ms-transition-duration: 1s;
|
||||
-o-transition-duration: 1s;
|
||||
box-shadow: 0px 10px 10px black;
|
||||
background-color: black;
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
|
||||
#introduction, #hello
|
||||
|
Reference in New Issue
Block a user