Source code

Revision control

Copy as Markdown

Other Tools

SVG Preview (Scaled)

Preview of https://hg.mozilla.org/mozilla-central/raw-file/tip/browser/components/genai/assets/shortcuts-animated.svg
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" width="336" height="188" viewBox="0 0 336 188" style="width:100%;height:100%"><defs><animate repeatCount="3" dur="6.8068068s" begin="0s" xlink:href="#_R_G_L_10_G" fill="freeze" attributeName="opacity" from="0.06" to="1" keyTimes="0;0.4852941;0.5784314;1" values="0.06;0.06;1;1" keySplines="0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0" calcMode="spline"/><animate repeatCount="3" dur="6.8068068s" begin="0s" xlink:href="#_R_G_L_6_G" fill="freeze" attributeName="opacity" from="0" to="0.2" keyTimes="0;0.1960784;0.2990196;1" values="0;0;0.2;0.2" keySplines="0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0" calcMode="spline"/><animateTransform repeatCount="3" dur="6.8068068s" begin="0s" xlink:href="#_R_G_L_6_G" fill="freeze" attributeName="transform" from="0 1" to="1 1" type="scale" additive="sum" keyTimes="0;0.1960784;0.2205882;1" values="0 1;0 1;1 1;1 1" keySplines="0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0" calcMode="spline"/><animateTransform repeatCount="3" dur="6.8068068s" begin="0s" xlink:href="#_R_G_L_6_G" fill="freeze" attributeName="transform" from="0 -12" to="0 -12" type="translate" additive="sum" keyTimes="0;1" values="0 -12;0 -12" keySplines="0 0 1 1" calcMode="spline"/><animate repeatCount="3" dur="6.8068068s" begin="0s" xlink:href="#_R_G_L_5_G" fill="freeze" attributeName="opacity" from="0" to="0.2" keyTimes="0;0.1127451;0.1911765;1" values="0;0;0.2;0.2" keySplines="0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0" calcMode="spline"/><animateTransform repeatCount="3" dur="6.8068068s" begin="0s" xlink:href="#_R_G_L_5_G" fill="freeze" attributeName="transform" from="0 1" to="1 1" type="scale" additive="sum" keyTimes="0;0.1078431;0.127451;1" values="0 1;0 1;1 1;1 1" keySplines="0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0" calcMode="spline"/><animateTransform repeatCount="3" dur="6.8068068s" begin="0s" xlink:href="#_R_G_L_5_G" fill="freeze" attributeName="transform" from="0 -12" to="0 -12" type="translate" additive="sum" keyTimes="0;1" values="0 -12;0 -12" keySplines="0 0 1 1" calcMode="spline"/><animate repeatCount="3" dur="6.8068068s" begin="0s" xlink:href="#_R_G_L_4_G" fill="freeze" attributeName="opacity" from="0" to="0.2" keyTimes="0;0.0245098;0.0931373;1" values="0;0;0.2;0.2" keySplines="0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0" calcMode="spline"/><animateTransform repeatCount="3" dur="6.8068068s" begin="0s" xlink:href="#_R_G_L_4_G" fill="freeze" attributeName="transform" from="0 1" to="1 1" type="scale" additive="sum" keyTimes="0;0.0245098;0.0441176;1" values="0 1;0 1;1 1;1 1" keySplines="0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0" calcMode="spline"/><animateTransform repeatCount="3" dur="6.8068068s" begin="0s" xlink:href="#_R_G_L_4_G" fill="freeze" attributeName="transform" from="0 -12" to="0 -12" type="translate" additive="sum" keyTimes="0;1" values="0 -12;0 -12" keySplines="0 0 1 1" calcMode="spline"/><animate repeatCount="3" dur="6.8068068s" begin="0s" xlink:href="#_R_G_L_3_G" fill="freeze" attributeName="opacity" from="0" to="1" keyTimes="0;0.4460784;0.4656863;1" values="0;0;1;1" keySplines="0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0" calcMode="spline"/><animateTransform repeatCount="3" dur="6.8068068s" begin="0s" xlink:href="#_R_G_L_3_G" fill="freeze" attributeName="transform" from="0.6 0.6" to="1 1" type="scale" additive="sum" keyTimes="0;0.4558823;0.5;0.5147059;1" values="0.6 0.6;0.6 0.6;1.1500000000000001 1.1500000000000001;1 1;1 1" keySplines="0.333 0 0.667 1;0.333 0 0.667 1;0.333 0 0.667 1;0 0 0 0" calcMode="spline"/><animateTransform repeatCount="3" dur="6.8068068s" begin="0s" xlink:href="#_R_G_L_3_G" fill="freeze" attributeName="transform" from="-4.25 -4.25" to="-4.25 -4.25" type="translate" additive="sum" keyTimes="0;1" values="-4.25 -4.25;-4.25 -4.25" keySplines="0 0 1 1" calcMode="spline"/><animate repeatCount="3" dur="6.8068068s" begin="0s" xlink:href="#_R_G_L_2_G" fill="freeze" attributeName="opacity" from="0" to="1" keyTimes="0;0.4803921;0.5;1" values="0;0;1;1" keySplines="0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0" calcMode="spline"/><animateTransform repeatCount="3" dur="6.8068068s" begin="0s" xlink:href="#_R_G_L_2_G" fill="freeze" attributeName="transform" from="0.5 0.5" to="1 1" type="scale" additive="sum" keyTimes="0;0.4901961;0.5196078;0.5294118;1" values="0.5 0.5;0.5 0.5;1.1500000000000001 1.1500000000000001;1 1;1 1" keySplines="0.333 0 0.667 1;0.333 0 0.667 1;0.333 0 0.667 1;0 0 0 0" calcMode="spline"/><animateTransform repeatCount="3" dur="6.8068068s" begin="0s" xlink:href="#_R_G_L_2_G" fill="freeze" attributeName="transform" from="-4.25 -4.25" to="-4.25 -4.25" type="translate" additive="sum" keyTimes="0;1" values="-4.25 -4.25;-4.25 -4.25" keySplines="0 0 1 1" calcMode="spline"/><animate repeatCount="3" dur="6.8068068s" begin="0s" xlink:href="#_R_G_L_1_G" fill="freeze" attributeName="opacity" from="0" to="1" keyTimes="0;0.367647;0.3970588;1" values="0;0;1;1" keySplines="0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0" calcMode="spline"/><animateTransform repeatCount="3" dur="6.8068068s" begin="0s" xlink:href="#_R_G_L_1_G" fill="freeze" attributeName="transform" from="0" to="0" type="rotate" additive="sum" keyTimes="0;0.367647;0.4362745;0.4607843;0.4754902;1" values="0;0;30;10;0;0" keySplines="0.333 0 0.667 1;0.333 0 0.667 1;0.333 0 0.667 1;0.333 0 0.833 1;0 0 0 0" calcMode="spline"/><animateTransform repeatCount="3" dur="6.8068068s" begin="0s" xlink:href="#_R_G_L_1_G" fill="freeze" attributeName="transform" from="0.6 0.6" to="1 1" type="scale" additive="sum" keyTimes="0;0.367647;0.4313725;0.4607843;1" values="0.6 0.6;0.6 0.6;1.1500000000000001 1.1500000000000001;1 1;1 1" keySplines="0.333 0 0.667 1;0.333 0 0.667 1;0.333 0 0.667 1;0 0 0 0" calcMode="spline"/><animateTransform repeatCount="3" dur="6.8068068s" begin="0s" xlink:href="#_R_G_L_1_G" fill="freeze" attributeName="transform" from="-11.45 -11.5" to="-11.45 -11.5" type="translate" additive="sum" keyTimes="0;1" values="-11.45 -11.5;-11.45 -11.5" keySplines="0 0 1 1" calcMode="spline"/><animateMotion repeatCount="3" dur="6.8068068s" begin="0s" xlink:href="#_R_G_L_0_G" fill="freeze" keyTimes="0;0.0196078;0.3284314;1" path="M29.05 44 C29.05,44 29.05,44 29.05,44 C55.63,60.5 173.47,92 199.05,104 C199.05,104 199.05,104 199.05,104 " keyPoints="0;0;1;1" keySplines="0.333 0 0.414 1;0.333 0 0.414 1;0 0 0 0" calcMode="spline"/><animateTransform repeatCount="3" dur="6.8068068s" begin="0s" xlink:href="#_R_G_L_0_G" fill="freeze" attributeName="transform" from="-5.3 -9.85" to="-5.3 -9.85" type="translate" additive="sum" keyTimes="0;1" values="-5.3 -9.85;-5.3 -9.85" keySplines="0 0 1 1" calcMode="spline"/><animate attributeType="XML" attributeName="opacity" dur="7s" from="0" to="1" xlink:href="#time_group"/></defs><g id="_R_G"><g id="_R_G_L_12_G" transform=" translate(168, 94) translate(-167.75, -93.75)"><path id="_R_G_L_12_G_D_0_P_0" fill="#ffffff" fill-opacity="1" fill-rule="nonzero" d=" M0.25 7.75 C0.25,3.65 3.65,0.25 7.75,0.25 C7.75,0.25 327.75,0.25 327.75,0.25 C331.85,0.25 335.25,3.65 335.25,7.75 C335.25,7.75 335.25,179.75 335.25,179.75 C335.25,183.85 331.85,187.25 327.75,187.25 C327.75,187.25 7.75,187.25 7.75,187.25 C3.65,187.25 0.25,183.85 0.25,179.75 C0.25,179.75 0.25,7.75 0.25,7.75z "/></g><g id="_R_G_L_11_G" transform=" translate(168, 94) translate(-168.5, -94.5)"><path id="_R_G_L_11_G_D_0_P_0" stroke="#f0f0f4" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1" stroke-opacity="1" d=" M1 8.5 C1,4.4 4.4,1 8.5,1 C8.5,1 328.5,1 328.5,1 C332.6,1 336,4.4 336,8.5 C336,8.5 336,180.5 336,180.5 C336,184.6 332.6,188 328.5,188 C328.5,188 8.5,188 8.5,188 C4.4,188 1,184.6 1,180.5 C1,180.5 1,8.5 1,8.5z "/></g><g id="_R_G_L_10_G" transform=" translate(228, 127) translate(-19.5, -19.5)"><path id="_R_G_L_10_G_D_0_P_0" stroke="#f0f0f4" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1" stroke-opacity="1" d=" M5.5 1 C5.5,1 33.5,1 33.5,1 C36,1 38,3 38,5.5 C38,5.5 38,33.5 38,33.5 C38,36 36,38 33.5,38 C33.5,38 5.5,38 5.5,38 C3,38 1,36 1,33.5 C1,33.5 1,5.5 1,5.5 C1,3 3,1 5.5,1z "/></g><g id="_R_G_L_9_G" transform=" translate(161.8, 44.3) translate(-131.75, -7.25)"><path id="_R_G_L_9_G_D_0_P_0" fill="#d9d9d9" fill-opacity="1" fill-rule="nonzero" d=" M2.25 0.25 C2.25,0.25 261.25,0.25 261.25,0.25 C262.35,0.25 263.25,1.15 263.25,2.25 C263.25,2.25 263.25,12.25 263.25,12.25 C263.25,13.35 262.35,14.25 261.25,14.25 C261.25,14.25 2.25,14.25 2.25,14.25 C1.15,14.25 0.25,13.35 0.25,12.25 C0.25,12.25 0.25,2.25 0.25,2.25 C0.25,1.15 1.15,0.25 2.25,0.25z "/></g><g id="_R_G_L_8_G" transform=" translate(165.3, 74.3) translate(-135.25, -7.25)"><path id="_R_G_L_8_G_D_0_P_0" fill="#d9d9d9" fill-opacity="1" fill-rule="nonzero" d=" M2.25 0.25 C2.25,0.25 268.25,0.25 268.25,0.25 C269.35,0.25 270.25,1.15 270.25,2.25 C270.25,2.25 270.25,12.25 270.25,12.25 C270.25,13.35 269.35,14.25 268.25,14.25 C268.25,14.25 2.25,14.25 2.25,14.25 C1.15,14.25 0.25,13.35 0.25,12.25 C0.25,12.25 0.25,2.25 0.25,2.25 C0.25,1.15 1.15,0.25 2.25,0.25z "/></g><g id="_R_G_L_7_G" transform=" translate(114.8, 104.3) translate(-84.75, -7.25)"><path id="_R_G_L_7_G_D_0_P_0" fill="#d9d9d9" fill-opacity="1" fill-rule="nonzero" d=" M2.25 0.25 C2.25,0.25 167.25,0.25 167.25,0.25 C168.35,0.25 169.25,1.15 169.25,2.25 C169.25,2.25 169.25,12.25 169.25,12.25 C169.25,13.35 168.35,14.25 167.25,14.25 C167.25,14.25 2.25,14.25 2.25,14.25 C1.15,14.25 0.25,13.35 0.25,12.25 C0.25,12.25 0.25,2.25 0.25,2.25 C0.25,1.15 1.15,0.25 2.25,0.25z "/></g><g id="_R_G_L_6_G" transform=" translate(26.3, 104.3)"><path id="_R_G_L_6_G_D_0_P_0" fill="#1c85ff" fill-opacity="1" fill-rule="nonzero" d=" M1 0 C1,0 177,0 177,0 C177.6,0 178,0.4 178,1 C178,1 178,23 178,23 C178,23.6 177.6,24 177,24 C177,24 1,24 1,24 C0.4,24 0,23.6 0,23 C0,23 0,1 0,1 C0,0.4 0.4,0 1,0z "/></g><g id="_R_G_L_5_G" transform=" translate(26.3, 74.3)"><path id="_R_G_L_5_G_D_0_P_0" fill="#1c85ff" fill-opacity="1" fill-rule="nonzero" d=" M1 0 C1,0 277,0 277,0 C277.6,0 278,0.4 278,1 C278,1 278,23 278,23 C278,23.6 277.6,24 277,24 C277,24 1,24 1,24 C0.4,24 0,23.6 0,23 C0,23 0,1 0,1 C0,0.4 0.4,0 1,0z "/></g><g id="_R_G_L_4_G" transform=" translate(26.3, 44.3)"><path id="_R_G_L_4_G_D_0_P_0" fill="#1c85ff" fill-opacity="1" fill-rule="nonzero" d=" M1 0 C1,0 270,0 270,0 C270.6,0 271,0.4 271,1 C271,1 271,23 271,23 C271,23.6 270.6,24 270,24 C270,24 1,24 1,24 C0.4,24 0,23.6 0,23 C0,23 0,1 0,1 C0,0.4 0.4,0 1,0z "/></g><g id="_R_G_L_3_G" transform=" translate(217.8, 117.8)"><path id="_R_G_L_3_G_D_0_P_0" fill="#0060df" fill-opacity="1" fill-rule="nonzero" d=" M3.25 2.65 C3.25,2.65 3.55,1.05 3.55,1.05 C3.75,0.25 4.75,0.25 4.95,1.05 C4.95,1.05 5.25,2.65 5.25,2.65 C5.25,2.75 5.35,2.95 5.45,3.05 C5.55,3.15 5.65,3.25 5.85,3.25 C5.85,3.25 7.45,3.55 7.45,3.55 C8.25,3.75 8.25,4.75 7.45,4.95 C7.45,4.95 5.85,5.25 5.85,5.25 C5.75,5.25 5.55,5.35 5.45,5.45 C5.35,5.55 5.25,5.65 5.25,5.85 C5.25,5.85 4.95,7.45 4.95,7.45 C4.75,8.25 3.75,8.25 3.55,7.45 C3.55,7.45 3.25,5.85 3.25,5.85 C3.25,5.75 3.15,5.55 3.05,5.45 C2.95,5.35 2.85,5.25 2.65,5.25 C2.65,5.25 1.05,4.95 1.05,4.95 C0.25,4.75 0.25,3.75 1.05,3.55 C1.05,3.55 2.65,3.25 2.65,3.25 C2.75,3.25 2.95,3.15 3.05,3.05 C3.15,2.95 3.25,2.75 3.25,2.65z "/></g><g id="_R_G_L_2_G" transform=" translate(217.56, 136.5)"><path id="_R_G_L_2_G_D_0_P_0" fill="#0060df" fill-opacity="1" fill-rule="nonzero" d=" M3.55 1.05 C3.55,1.05 3.25,2.65 3.25,2.65 C3.25,2.75 3.15,2.95 3.05,3.05 C2.95,3.15 2.85,3.25 2.65,3.25 C2.65,3.25 1.05,3.55 1.05,3.55 C0.25,3.75 0.25,4.75 1.05,4.95 C1.05,4.95 2.65,5.25 2.65,5.25 C2.75,5.25 2.95,5.35 3.05,5.45 C3.15,5.55 3.25,5.65 3.25,5.85 C3.25,5.85 3.55,7.45 3.55,7.45 C3.75,8.25 4.75,8.25 4.95,7.45 C4.95,7.45 5.25,5.85 5.25,5.85 C5.25,5.75 5.35,5.55 5.45,5.45 C5.55,5.35 5.65,5.25 5.85,5.25 C5.85,5.25 7.45,4.95 7.45,4.95 C8.25,4.75 8.25,3.75 7.45,3.55 C7.45,3.55 5.85,3.25 5.85,3.25 C5.75,3.25 5.55,3.15 5.45,3.05 C5.35,2.95 5.25,2.85 5.25,2.65 C5.25,2.65 4.95,1.05 4.95,1.05 C4.75,0.25 3.75,0.25 3.55,1.05z "/></g><g id="_R_G_L_1_G" transform=" translate(230.9, 126.95)"><path id="_R_G_L_1_G_D_0_P_0" fill="#0060df" fill-opacity="1" fill-rule="nonzero" d=" M11.45 2.25 C11.95,2.25 12.35,2.55 12.55,3.15 C12.55,3.15 13.25,6.25 13.25,6.25 C13.65,8.05 15.05,9.35 16.75,9.75 C16.75,9.75 19.85,10.45 19.85,10.45 C20.35,10.55 20.75,10.95 20.75,11.55 C20.75,12.05 20.45,12.45 19.85,12.65 C19.85,12.65 16.75,13.35 16.75,13.35 C15.85,13.55 15.15,13.95 14.45,14.55 C13.85,15.15 13.35,15.95 13.25,16.85 C13.25,16.85 12.55,19.95 12.55,19.95 C12.55,20.15 12.35,20.35 12.15,20.55 C11.95,20.65 11.75,20.75 11.45,20.75 C11.45,20.75 11.35,20.75 11.35,20.75 C11.15,20.75 10.85,20.65 10.75,20.55 C10.55,20.35 10.45,20.15 10.35,19.95 C10.35,19.95 9.65,16.85 9.65,16.85 C9.45,15.95 9.05,15.25 8.45,14.55 C7.85,13.95 7.05,13.45 6.15,13.35 C6.15,13.35 3.05,12.65 3.05,12.65 C2.55,12.55 2.15,12.15 2.15,11.55 C2.15,11.05 2.45,10.65 3.05,10.45 C3.05,10.45 6.15,9.75 6.15,9.75 C7.05,9.55 7.75,9.15 8.45,8.55 C9.05,7.95 9.45,7.15 9.65,6.25 C9.65,6.25 10.35,3.15 10.35,3.15 C10.45,2.55 10.85,2.25 11.45,2.25z M11.45 0.25 C9.95,0.25 8.75,1.25 8.45,2.65 C8.45,2.65 7.75,5.75 7.75,5.75 C7.65,6.25 7.45,6.65 7.05,7.05 C6.65,7.45 6.25,7.65 5.75,7.75 C5.75,7.75 2.65,8.45 2.65,8.45 C1.15,8.75 0.25,9.95 0.25,11.45 C0.25,12.95 1.25,14.15 2.65,14.45 C2.65,14.45 5.75,15.15 5.75,15.15 C6.25,15.25 6.65,15.45 7.05,15.85 C7.45,16.15 7.65,16.65 7.75,17.15 C7.75,17.15 8.45,20.25 8.45,20.25 C8.55,20.95 8.95,21.55 9.55,22.05 C10.05,22.45 10.75,22.75 11.45,22.75 C12.15,22.75 12.85,22.55 13.35,22.05 C13.95,21.65 14.25,20.95 14.45,20.25 C14.45,20.25 15.15,17.15 15.15,17.15 C15.25,16.65 15.45,16.25 15.85,15.85 C16.25,15.55 16.65,15.25 17.15,15.15 C17.15,15.15 20.25,14.45 20.25,14.45 C21.75,14.15 22.65,12.95 22.65,11.45 C22.65,9.95 21.65,8.75 20.25,8.45 C20.25,8.45 17.15,7.75 17.15,7.75 C16.15,7.55 15.35,6.75 15.15,5.75 C15.15,5.75 14.45,2.65 14.45,2.65 C14.15,1.15 12.95,0.25 11.45,0.25z "/></g><g id="_R_G_L_0_G"><path id="_R_G_L_0_G_D_0_P_0" fill="#5b5b66" fill-opacity="1" fill-rule="nonzero" d=" M6.05 3.55 C6.05,3.25 6.15,3.05 6.45,2.85 C6.45,2.85 7.85,1.95 7.85,1.95 C7.95,1.85 8.15,1.85 8.25,1.85 C8.25,1.85 10.35,1.85 10.35,1.85 C10.35,1.85 10.35,0.25 10.35,0.25 C10.35,0.25 8.25,0.25 8.25,0.25 C7.85,0.25 7.35,0.35 7.05,0.65 C7.05,0.65 5.65,1.55 5.65,1.55 C5.55,1.65 5.45,1.75 5.35,1.85 C5.25,1.75 5.15,1.65 5.05,1.55 C5.05,1.55 3.65,0.65 3.65,0.65 C3.25,0.45 2.85,0.25 2.45,0.25 C2.45,0.25 0.25,0.25 0.25,0.25 C0.25,0.25 0.25,1.85 0.25,1.85 C0.25,1.85 2.35,1.85 2.35,1.85 C2.45,1.85 2.65,1.85 2.75,1.95 C2.75,1.95 4.15,2.85 4.15,2.85 C4.35,2.95 4.55,3.25 4.55,3.55 C4.55,3.55 4.55,9.85 4.55,9.85 C4.55,9.85 4.55,16.15 4.55,16.15 C4.55,16.45 4.45,16.65 4.15,16.85 C4.15,16.85 2.75,17.75 2.75,17.75 C2.65,17.85 2.45,17.85 2.35,17.85 C2.35,17.85 0.25,17.85 0.25,17.85 C0.25,17.85 0.25,19.45 0.25,19.45 C0.25,19.45 2.35,19.45 2.35,19.45 C2.75,19.45 3.25,19.35 3.55,19.05 C3.55,19.05 4.95,18.15 4.95,18.15 C5.05,18.05 5.15,17.95 5.25,17.85 C5.35,17.95 5.45,18.05 5.55,18.15 C5.55,18.15 6.95,19.05 6.95,19.05 C7.35,19.25 7.75,19.45 8.15,19.45 C8.15,19.45 10.25,19.45 10.25,19.45 C10.25,19.45 10.25,17.85 10.25,17.85 C10.25,17.85 8.15,17.85 8.15,17.85 C8.05,17.85 7.85,17.85 7.75,17.75 C7.75,17.75 6.35,16.85 6.35,16.85 C6.15,16.75 5.95,16.45 5.95,16.15 C5.95,16.15 5.95,9.85 5.95,9.85 C5.95,9.85 5.95,3.55 5.95,3.55 C5.95,3.55 6.05,3.55 6.05,3.55z "/></g></g><g id="time_group"/></svg>