mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2025-04-03 11:52:40 +00:00
Code Issues Releases Wiki Activity

Implement inflating messages animation

Browse Source
This commit is contained in:
Kristóf Tóth 2018-06-25 15:36:06 +02:00
parent 736f0eea71
commit 9af0467489
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/messages/messages.component.scss
View File

@ -28,6 +28,15 @@
padding: $tiny; padding: $tiny;
font-size: $font-size-base; font-size: $font-size-base;
margin-bottom: $hair; margin-bottom: $hair;
animation-name: inflate;
animation-duration: 0.5s;
animation-timing-function: cubic-bezier(0.01, 0.1, 0, 1);
}
@keyframes inflate {
0% { transform: scale(0,0); }
100% { transform: scale(1,1); }
} }
.tfw-grid-message-header { .tfw-grid-message-header {