Document the lamp effect
This commit is contained in:
parent
6b3ac20d76
commit
f0d1e7c565
1 changed files with 8 additions and 0 deletions
|
@ -76,6 +76,14 @@ limitations under the License.
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// The keyframes are slightly weird here to help make a ramping/punch effect
|
||||||
|
// for the recording dot. We start and end at 100% opacity to help make the
|
||||||
|
// dot feel a bit like a real lamp that is blinking: the animation ends up
|
||||||
|
// spending a lot of its time showing a steady state without a fade effect.
|
||||||
|
// This lamp effect extends into why the 0% opacity keyframe is not in the
|
||||||
|
// 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.
|
||||||
@keyframes recording-pulse {
|
@keyframes recording-pulse {
|
||||||
0% {
|
0% {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue