CavyDev/my_portfolio
1
0
Fork 0
mirror of https://github.com/adam-benyekkou/my_portfolio.git synced 2026-01-15 20:20:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added Logo and Header Text Animate Animation Typewriter and Glitch

Browse Source
This commit is contained in:
AdamBtech
2025-05-20 17:17:47 +02:00
parent 83cc2aec1c
commit 76a19d30b6
10 changed files with 672 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/app/shared/ui/button/button.component.css
View File

@@ -1,4 +1,35 @@
.button-hover:hover {
background-color: var(--color-nier-dark);
color: var(--color-nier-text-light);
.button-custom {
cursor: pointer;
background-color: var(--color-nier-mid);
color: var(--color-nier-dark);
position: relative;
border: 1px solid transparent;
border-left: none;
border-right: none;
overflow: hidden;
}
.button-custom::before {
content: "";
position: absolute;
left: 0;
top: 3px; /* Space from top border */
bottom: 3px; /* Space from bottom border */
width: 0;
height: auto; /* This makes it respect top and bottom values */
background-color: var(--color-nier-dark);
transition: width 0.2s ease;
z-index: 0;
}
.button-custom:hover,
.button-custom:focus {
color: var(--color-nier-text-light);
background-color: transparent;
border-color: var(--color-nier-dark);
}
.button-custom:hover::before,
.button-custom:focus::before {
width: 100%;
}