From 3e24d6f8ac403779c1317cc0dc643e1118b3d5d8 Mon Sep 17 00:00:00 2001 From: Travis Ralston Date: Thu, 15 Apr 2021 10:49:39 -0600 Subject: [PATCH] Change animation speed --- res/css/views/rooms/_VoiceRecordComposerTile.scss | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/res/css/views/rooms/_VoiceRecordComposerTile.scss b/res/css/views/rooms/_VoiceRecordComposerTile.scss index 6636120117..8100a03890 100644 --- a/res/css/views/rooms/_VoiceRecordComposerTile.scss +++ b/res/css/views/rooms/_VoiceRecordComposerTile.scss @@ -53,7 +53,7 @@ limitations under the License. font-size: $font-14px; &::before { - animation: recording-pulse 1.5s infinite; + animation: recording-pulse 2s infinite; content: ''; background-color: $voice-record-live-circle-color; @@ -84,14 +84,17 @@ limitations under the License. // midpoint: lamps take longer to turn off than they do to turn on, and the // extra frames give it a bit of a realistic punch for when the animation is // ramping back up to 100% opacity. +// +// Target animation timings: steady for 1.5s, fade out for 0.3s, fade in for 0.2s +// (intended to be used in a loop for 2s animation speed) @keyframes recording-pulse { 0% { opacity: 1; } - 65% { + 35% { opacity: 0; } - 100% { + 65% { opacity: 1; } }