mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-07-30 21:20:24 +02:00
Code Issues Releases Wiki Activity

Add pulsate/flash animations for drawing attention to posts

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

12
less/forum/discussion.less
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;