3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-03 18:58:30 +02:00
Code Issues Projects Releases Packages Wiki Activity

🎉 Add animations to interactions

Browse source
This commit is contained in:
Andrés Moya 2021-10-29 10:43:53 +02:00 • committed by Andrey Antukh
parent 24062beebe
commit 81cbc33dbb
24 changed files with 1479 additions and 160 deletions
Download patch file Download diff file Expand all files Collapse all files

3
frontend/resources/images/icons/animate-down.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="3961.301 2205.5 13.399 13">
<path d="m3974.7 2211.993-.951-1.015-4.989 4.911-.016-10.389h-1.46l-.017 10.39-4.988-4.912-.978.977 6.712 6.545 6.686-6.507Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 214 B

3
frontend/resources/images/icons/animate-left.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="4017.5 2205.301 13 13.399">
<path d="m4024.007 2218.7 1.015-.951-4.911-4.989 10.389-.016v-1.46l-10.39-.017 4.912-4.988-.977-.978-6.545 6.712 6.507 6.686Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 215 B

3
frontend/resources/images/icons/animate-right.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="3905.5 2205.301 13 13.399">
<path d="m3911.993 2205.3-1.015.951 4.911 4.989-10.389.016v1.46l10.39.017-4.912 4.988.977.978 6.545-6.712-6.507-6.686Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 208 B

3
frontend/resources/images/icons/animate-up.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="4073.301 2205.5 13.399 13">
<path d="m4073.3 2212.007.951 1.015 4.989-4.911.016 10.389h1.46l.017-10.39 4.988 4.912.978-.977-6.712-6.545-6.686 6.507Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 210 B

3
frontend/resources/images/icons/easing-ease-in-out.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0.487 -0.209 15.59 16.314">
<path fill-rule="evenodd" d="M5.615 13.526c-1.294 1.5-2.922 2.579-5.128 2.579V14.85c1.692 0 2.987-.803 4.13-2.128 1.16-1.344 2.1-3.155 3.084-5.055l.022-.041c.958-1.852 1.96-3.789 3.227-5.256 1.294-1.5 2.922-2.58 5.127-2.58v1.256c-1.692 0-2.987.803-4.129 2.127-1.16 1.345-2.101 3.155-3.085 5.055l-.021.042c-.959 1.852-1.961 3.788-3.227 5.256Z" clip-rule="evenodd"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 451 B

3
frontend/resources/images/icons/easing-ease-in.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0.227 16.172 16.451">
<path fill-rule="evenodd" d="M6.84 14.112C4.86 15.628 2.563 16.678 0 16.678v-1.297c2.194 0 4.22-.896 6.051-2.299C7.885 11.678 9.49 9.79 10.82 7.876c1.327-1.912 2.365-3.827 3.072-5.267A40.19 40.19 0 0 0 14.897.39c.022-.055.04-.097.05-.125l.013-.03.002-.008.001-.001.605.235.604.235v.001L16.17.7l-.003.01-.015.036-.054.135c-.049.118-.12.29-.214.506a41.486 41.486 0 0 1-.829 1.792 42.597 42.597 0 0 1-3.17 5.436c-1.374 1.977-3.067 3.981-5.045 5.496Z" clip-rule="evenodd"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 552 B

3
frontend/resources/images/icons/easing-ease-out.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0.089 -0.027 15.679 16.027">
<path fill-rule="evenodd" d="m1.216 16-.564-.282-.563-.282.002-.003.004-.009.018-.034.066-.13a55.226 55.226 0 0 1 1.228-2.22 55.64 55.64 0 0 1 3.465-5.257c1.433-1.911 3.123-3.847 4.952-5.31 1.82-1.456 3.848-2.5 5.944-2.5v1.26c-1.683 0-3.435.846-5.157 2.224C8.897 4.827 7.28 6.67 5.88 8.539a54.391 54.391 0 0 0-3.385 5.135 53.973 53.973 0 0 0-1.197 2.164L1.216 16Z" clip-rule="evenodd"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 474 B

3
frontend/resources/images/icons/easing-ease.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-0.115 0.308 15.287 16.37">
<path fill-rule="evenodd" d="M3.811 13.248c-.694 1.584-1.717 2.941-3.61 3.43l-.316-1.22c1.363-.352 2.153-1.306 2.772-2.717.311-.71.568-1.512.83-2.381.05-.162.099-.327.148-.494a47.12 47.12 0 0 1 .699-2.203C4.978 5.837 5.88 3.976 7.559 2.58 9.25 1.177 11.65.308 15.172.308v1.26c-3.308 0-5.398.813-6.807 1.983-1.42 1.18-2.226 2.786-2.842 4.531a45.01 45.01 0 0 0-.676 2.133l-.153.51c-.263.87-.538 1.736-.883 2.523Z" clip-rule="evenodd"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 520 B

3
frontend/resources/images/icons/easing-linear.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.051 16.051">
<path d="M16.051.893.893 16.051 0 15.158 15.158 0l.893.893"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 140 B