NotAShelf/tilde-raf
1
0
Fork 0
Code Pull requests Wiki Activity

minimal animations

Browse source
This commit is contained in:
raf 2024-09-27 21:10:32 +03:00
parent ece6ff813b
commit 8f2dc3883a
Signed by: NotAShelf
GPG key ID: AF26552424E53993
1 changed files with 13 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
styles.css
View file

@ -35,6 +35,14 @@ body {
max-width: 500px; max-width: 500px;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
transition:
transform 0.3s,
box-shadow 0.3s;
}
.card:hover {
transform: translateY(-10px);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
} }
.profile-picture { .profile-picture {
@ -43,6 +51,11 @@ body {
border-radius: 50%; border-radius: 50%;
object-fit: cover; object-fit: cover;
object-position: center; object-position: center;
transition: transform 0.3s;
}
.profile-picture:hover {
transform: scale(1.1);
} }
.card h2 { .card h2 {