adrian/homepage
Private
Public Access
1
0
Fork 0
Code Activity

feat: update transition styles for ProjectEntry to look better

Browse Source
This commit is contained in:
Adrian Fennert
2026-02-14 16:50:31 +01:00
parent a59070d8ff
commit a271fcb5ed
1 changed files with 49 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/lib/components/ProjectEntry.svelte
View File

@@ -63,22 +63,21 @@
text-wrap: pretty;
text-wrap: balance;
border-radius: 1rem;
transition: box-shadow ease-in-out 0.1s, transform ease-in-out 0.3s 0s;
will-change: rotate;
transition: box-shadow ease-in-out 0s;
perspective: 1000px;
&:hover {
transition: box-shadow ease-in-out 0.1s, transform ease-in-out 0.3s 0.5s;
transform: translateY(-0.5rem);
transition: box-shadow ease-in-out 0.1s 0.4s;
box-shadow: var(--color-card-box-shadow);
}
}
@media (min-width: 768px) {
:global(article.in-view) {
animation: shake 0.4s ease-in-out;
}
}
@keyframes shake {
0%, 100% {