Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-03-23 06:09:21 +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 { @keyframes hearted {
20% { 20% {
transform: rotate(10deg) scale(1); transform: scale(1.25) translateY(-1px);
} }
40% { 45% {
transform: rotate(-10deg) scale(1.25); transform: scale(1);
} }
60% { 70% {
transform: rotate(10deg) scale(1.75); transform: scale(1.5) translateY(-2px);
}
80% {
transform: rotate(-10deg) scale(2);
} }
100% { 100% {
transform: rotate(10deg) scale(2.25); transform: scale(1);
opacity: 0;
} }
} }
.status .action > button.plain.favourite-button.checked .icon { .status .action > button.plain.favourite-button.checked .icon {
transform-origin: bottom center; animation: hearted 1s ease-out;
animation: hearted 1s ease-in-out;
} }
.status .action > button.plain.bookmark-button.checked { .status .action > button.plain.bookmark-button.checked {
color: var(--link-color); color: var(--link-color);