diff --git a/assets/background.png b/assets/background.png new file mode 100644 index 00000000..21ea8bbf Binary files /dev/null and b/assets/background.png differ diff --git a/style.css b/style.css index c22be031..ccbd3433 100644 --- a/style.css +++ b/style.css @@ -25,7 +25,7 @@ body { position: fixed; width: 100%; top: 0; - background-color: rgba(26, 31, 44, 0.70); + background-color: rgba(26, 31, 44, 0.0); z-index: 1000; } @@ -33,6 +33,29 @@ body { height: 40px; } +a { + color: #000; + position: relative; + text-decoration: none; + } + + a::before { + background: #754ffe; + content: ""; + inset: 0; + position: absolute; + transform: scaleX(0); + transform-origin: right; + transition: transform 0.5s ease-in-out; + z-index: -1; + } + + a:hover::before { + transform: scaleX(1); + transform-origin: left; + } + + .nav-links { display: flex; gap: 2rem; @@ -51,7 +74,7 @@ body { display: flex; align-items: center; padding: 0 5%; - background-image: url(/assets/background.jpg); + background-image: url(/assets/background.png); position: relative; overflow: hidden; background-position: bottom;