1
0
mirror of https://github.com/flarum/core.git synced 2025-07-31 05:30:38 +02:00

Add pulsate/flash animations for drawing attention to posts

This commit is contained in:
Toby Zerner
2015-05-14 22:33:27 +09:30
parent 7d5921ca5e
commit 3aab626b22
2 changed files with 34 additions and 5 deletions

View File

@@ -166,6 +166,18 @@
background: @fl-primary-color;
}
}
@-webkit-keyframes pulsate {
0% {transform: scale(1)}
50% {transform: scale(1.02)}
100% {transform: scale(1)}
}
.item.pulsate {
-webkit-animation: pulsate 1s ease-in-out;
-webkit-animation-iteration-count: infinite;
}
.item.flash {
-webkit-animation: pulsate 0.2s ease-in-out;
-webkit-animation-iteration-count: 1;
}
.post-header {
margin-bottom: 10px;