mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-27 11:47:23 +03:00
Code Issues Projects Releases Packages Wiki Activity

Change animation speed

Browse source
This commit is contained in:
Travis Ralston 2021-04-15 10:49:39 -06:00
parent f0d1e7c565
commit 3e24d6f8ac
1 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
res/css/views/rooms/_VoiceRecordComposerTile.scss
View file

@ -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;
}
}