diff --git a/css/style.css b/css/style.css index 48490bf..3575632 100755 --- a/css/style.css +++ b/css/style.css @@ -6,6 +6,7 @@ body { font-family: 'Spartan', sans-serif; } + a { color: inherit; text-decoration: none; @@ -26,8 +27,9 @@ a { transition-duration: 0.5s; background-color: #000; position: fixed; + width: 100%; - z-index: 1; + z-index: 3; } .navbar .navbar-brand { @@ -184,8 +186,24 @@ a { box-shadow: 0px 0px 30px 0.1px rgba(0, 0, 0, 0.25); text-align: center; color: white; + overflow: hidden; +} +.work .project::before{ + content: ""; + position: absolute; + top: 0; + left: 0; + height: 150%; + width: 0%; + background:linear-gradient(to left,transparent, rgba(98, 81, 255, 0.2)); + /* transform: rotate(160deg); */ + z-index: 1; + transition: 0.5s; +} +.work .project:hover::before{ + cursor: pointer; + width: 150%; } - .work .project img { width: 100%; background-color: black; @@ -219,6 +237,7 @@ a { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; + z-index: 2; } .work .project .text:hover {