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