Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-02-02 14:16:39 +01:00
Code Issues Projects Releases Packages Wiki Activity

Try different heart animation

Browse source
This commit is contained in:
Lim Chee Aun 2022-12-25 23:51:17 +08:00
parent 641bccd685
commit 01963c9d7a
1 changed files with 7 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/components/status.css
View file

@ -605,25 +605,20 @@ a.card:hover {
}
@keyframes hearted {
20% {
transform: rotate(10deg) scale(1);
transform: scale(1.25) translateY(-1px);
}
40% {
transform: rotate(-10deg) scale(1.25);
45% {
transform: scale(1);
}
60% {
transform: rotate(10deg) scale(1.75);
}
80% {
transform: rotate(-10deg) scale(2);
70% {
transform: scale(1.5) translateY(-2px);
}
100% {
transform: rotate(10deg) scale(2.25);
opacity: 0;
transform: scale(1);
}
}
.status .action > button.plain.favourite-button.checked .icon {
transform-origin: bottom center;
animation: hearted 1s ease-in-out;
animation: hearted 1s ease-out;
}
.status .action > button.plain.bookmark-button.checked {
color: var(--link-color);