Skip to content

Commit 1a6a876

Browse files
wmurphyrdwmurphyrd
authored
Merge pull request #176 from wmurphyrd/aframe1
Update for current A-Frame version
2 parents c24b4d7 + 7822fe3 commit 1a6a876

28 files changed

+589
-1621
lines changed

‎.travis.yml‎

Lines changed: 4 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,11 @@
11
language: node_js
22
addons:
33
firefox: 'latest'
4+
chrome: stable
5+
services:
6+
- xvfb
47
node_js:
5-
- '6.9.2'
6-
7-
install:
8-
- npm install
9-
- ./node_modules/.bin/mozilla-download ./firefox/ --product firefox --branch mozilla-central
10-
- export FIREFOX_NIGHTLY_BIN="./firefox/firefox/firefox-bin"
11-
12-
before_script:
13-
- export DISPLAY=:99.0
14-
- sh -e /etc/init.d/xvfb start
8+
- '12.16.2'
159

1610
script:
1711
- $CI_ACTION
@@ -28,10 +22,3 @@ env:
2822
cache:
2923
directories:
3024
- node_modules
31-
32-
addons:
33-
apt:
34-
sources:
35-
- ubuntu-toolchain-r-test
36-
packages:
37-
- g++-4.8

‎README.md‎

Lines changed: 13 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# Super Hands
22

3-
[![Build Status](https://travis-ci.org/wmurphyrd/aframe-super-hands-component.svg?branch=master)](https://travis-ci.org/wmurphyrd/aframe-super-hands-component)
3+
[![Build Status](https://travis-ci.com/wmurphyrd/aframe-super-hands-component.svg?branch=master)](https://travis-ci.com/wmurphyrd/aframe-super-hands-component)
44
[![npm Dowloads](https://img.shields.io/npm/dt/super-hands.svg?style=flat-square)](https://www.npmjs.com/package/super-hands)
55
[![npm Version](http://img.shields.io/npm/v/super-hands.svg?style=flat-square)](https://www.npmjs.com/package/super-hands)
66
[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
@@ -56,9 +56,9 @@ Install and use by directly by including the [browser files](dist):
5656
```html
5757
<head>
5858
<title>Most Basic Super-Hands Example</title>
59-
<script src="https://aframe.io/releases/0.8.2/aframe.min.js"></script>
59+
<script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
6060
<script src="https://cdn.rawgit.com/donmccurdy/aframe-extras/v4.1.2/dist/aframe-extras.min.js"></script>
61-
<script src="https://unpkg.com/[email protected].0/dist/super-hands.min.js"></script>
61+
<script src="https://unpkg.com/super-hands@^3.0.1/dist/super-hands.min.js"></script>
6262
</head>
6363

6464
<body>
@@ -117,6 +117,12 @@ The [examples page](https://wmurphyrd.github.io/aframe-super-hands-component/exa
117117

118118
## News
119119

120+
v3.0.1
121+
122+
* A-Frame 1.0.4 support confirmation
123+
* Updated dependencies and fixed tests
124+
* No notable changes
125+
120126
v3.0.0
121127

122128
* The 'Less is More' update. This package has scope has been narrowed to keep
@@ -155,15 +161,16 @@ v3.0.0
155161

156162
## Compatibility
157163

158-
With `progressive-controls`, `super-hands` can provide interactive controls
164+
With the right configuration, `super-hands` can provide interactive controls
159165
for any device: desktop, mobile ("magic window"), cardboard viewer + button,
160-
Daydream, GearVR, Vive, and Rift + Touch.
166+
3DOF (Daydream, GearVR) and full 6DOF tracked controls (Vive, Oculus Touch, Valve Index, et c).
161167

162168
`super-hands` dependency version compatibility:
163169

164170
| super-hands Version | A-Frame Version | aframe-extras Version | aframe-physics-system Version |
165171
| --- | --- | --- | --- |
166-
| ^v3.0.0 | >=v0.8.2 | ^v4.1.2 | ^v3.1.2 |
172+
| ^v3.0.1 | ^v1.0.4 | ^v6.1.1 | ^v4.0.1 |
173+
| v3.0.0 | ^v0.8.2 | ^v4.1.2 | ^v3.1.2 |
167174
| ^v2.0.0 | v0.6.x | ^v3.11.4 | ^v2.0.0 |
168175

169176
## Core Component

‎examples/events/index.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<!-- Replace "../build.js" with the super-hands and
55
A-Frame distributions to run : -->
66
<script src="../build.js"></script>
7-
<!-- <script src="https://aframe.io/releases/0.8.2/aframe.min.js"></script> -->
7+
<!-- <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script> -->
88
<!-- <script src="https://unpkg.com/super-hands/dist/super-hands.min.js"></script> -->
99
<script src="//cdn.rawgit.com/donmccurdy/aframe-extras/v3.12.4/dist/aframe-extras.min.js"></script>
1010
<script src="https://rawgit.com/feiss/aframe-environment-component/master/dist/aframe-environment-component.min.js"></script>
@@ -27,9 +27,9 @@
2727
<link rel="stylesheet" type="text/css" href="../assets/examples.css">
2828
</head>
2929
<body>
30-
<button id="replayer-button" type="button" onclick="playDemoRecording()">
30+
<!-- <button id="replayer-button" type="button" onclick="playDemoRecording()">
3131
Don't have a Vive or Rift handy? Click here for a preview.
32-
</button>
32+
</button> -->
3333
<a-scene environment="preset: japan; shadow: true">
3434
<a-assets>
3535
<img id="portals-preview" src="../assets/portals.jpg"></img>

‎examples/index.html‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -70,8 +70,9 @@ <h1>A-Frame Super Hands Component</h1>
7070
<a id="physics" class="example" href="physics/">Hand controls
7171
with physics<br />
7272
<img class="preview" src="./assets/physics.jpg"/>
73-
<div class="bonus"></div>
73+
<!-- <div class="bonus"></div> -->
7474
</a>
75+
<p><a href="physics/index-mouse.html">Mouse cursor based version for desktop</a></p>
7576
<p><ul>
7677
<li>Grabbed boxes lock position and rotation to controller</li>
7778
<li><code>color-randomizer</code> changes the color of entities dropped inside of the color changer box</li>
@@ -97,9 +98,8 @@ <h1>A-Frame Super Hands Component</h1>
9798
Gaze and laser pointer controls without physics
9899
<br />
99100
<img class="preview" src="./assets/hand-controls.jpg"/>
100-
<div class="bonus"></div>
101+
<!-- <div class="bonus"></div> -->
101102
</a>
102-
<p><a href="mouse/index-laser.html">Laser pointer setup for 3DOF controllers</a></p>
103103
<p><a href="mouse/index-mouse.html">Mouse cursor based version for desktop</a></p>
104104
<p><ul>
105105
<li>Grabbed entities move by controller position and rotation</li>
@@ -119,6 +119,7 @@ <h1>A-Frame Super Hands Component</h1>
119119
colliderEndEventProperty: clearedEls"</pre>
120120
<p>This scene also shows the fallback movement that occurs when physics
121121
is not available.</p>
122+
<!--
122123
<a id="sticky" class="example" href="sticky/">Sticky Grab via
123124
Custom Button Mapping<br />
124125
<img class="preview" src="./assets/sticky.jpg"/>
@@ -130,6 +131,7 @@ <h1>A-Frame Super Hands Component</h1>
130131
<li>Press trackpad to drop the bat</li>
131132
<li>Stretch the balls by pressing both trackpads</li>
132133
</ul>
134+
-->
133135
<!-- GitHub Corner. -->
134136
<a href="https://github.com/wmurphyrd/aframe-super-hands-component" class="github-corner">
135137
<svg width="80" height="80" viewBox="0 0 250 250" style="fill:#222; color:#fff; position: absolute; top: 0; border: 0; right: 0;">

‎examples/main.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
require('aframe')
22
require('../index.js')
3-
require('aframe-motion-capture-components')
3+
// require('aframe-motion-capture-components')
44
/* used in examples to allow a desktop playback without HMD
55
defined here to keep example files clear of clutter */
66
window.playDemoRecording = function (spectate) {

‎examples/mouse/index-mouse.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<!-- Replace "../build.js" with the super-hands and
55
A-Frame distributions to run : -->
66
<script src="../build.js"></script>
7-
<!-- <script src="https://aframe.io/releases/0.8.2/aframe.min.js"></script> -->
7+
<!-- <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script> -->
88
<!-- <script src="https://unpkg.com/super-hands/dist/super-hands.min.js"></script> -->
99
<script src="https://unpkg.com/aframe-event-set-component@^4.0.0/dist/aframe-event-set-component.min.js"></script>
1010
<script src="https://rawgit.com/feiss/aframe-environment-component/master/dist/aframe-environment-component.min.js"></script>
@@ -18,7 +18,7 @@
1818
<a-mixin id="cube" geometry="primitive: box; width: 0.5; height: 0.5; depth: 0.5"
1919
hoverable grabbable stretchable draggable droppable
2020
shadow
21-
event-set__dragdrop="_event: drag-drop; geometry.radius: 0.25; geometry.primitive: sphere"
21+
event-set__dragdrop="_event: drag-drop; geometry.primitive: sphere; geometry.radius: 0.25"
2222
event-set__hoveron="_event: hover-start; material.opacity: 0.7; transparent: true"
2323
event-set__hoveroff="_event: hover-end; material.opacity: 1; transparent: false"
2424
event-set__dragon="_event: dragover-start; material.wireframe: true"

‎examples/mouse/index.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,16 +4,16 @@
44
<!-- Replace "../build.js" with the super-hands and
55
A-Frame distributions to run : -->
66
<script src="../build.js"></script>
7-
<!-- <script src="https://aframe.io/releases/0.8.2/aframe.min.js"></script> -->
7+
<!-- <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script> -->
88
<!-- <script src="https://unpkg.com/super-hands/dist/super-hands.min.js"></script> -->
99
<script src="https://unpkg.com/aframe-event-set-component@^4.0.0/dist/aframe-event-set-component.min.js"></script>
1010
<script src="https://rawgit.com/feiss/aframe-environment-component/master/dist/aframe-environment-component.min.js"></script>
1111
<link rel="stylesheet" type="text/css" href="../assets/examples.css">
1212
</head>
1313
<body>
14-
<button id="replayer-button" type="button" onclick="playDemoRecording()">
14+
<!-- <button id="replayer-button" type="button" onclick="playDemoRecording()">
1515
Don't have a Vive, Rift, Daydream, or GearVR handy? Click here for a preview.
16-
</button>
16+
</button> -->
1717
<a-scene environment="preset: default; shadow: true" avatar-recorder
1818
touch-to-click-converter>
1919
<a-assets>
@@ -36,7 +36,7 @@
3636
<a-mixin id="cube" geometry="primitive: box; width: 0.5; height: 0.5; depth: 0.5"
3737
hoverable grabbable stretchable draggable droppable
3838
shadow
39-
event-set__dragdrop="_event: drag-drop; geometry.radius: 0.25; geometry.primitive: sphere"
39+
event-set__dragdrop="_event: drag-drop; geometry.primitive: sphere; geometry.radius: 0.25"
4040
event-set__hoveron="_event: hover-start; material.opacity: 0.7; transparent: true"
4141
event-set__hoveroff="_event: hover-end; material.opacity: 1; transparent: false"
4242
event-set__dragon="_event: dragover-start; material.wireframe: true"

‎examples/physics/index-laser.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,9 @@
44
<!-- Replace "../build.js" with the super-hands and
55
A-Frame distributions to run : -->
66
<script src="../build.js"></script>
7-
<!-- <script src="https://aframe.io/releases/0.8.2/aframe.min.js"></script> -->
7+
<!-- <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script> -->
88
<!-- <script src="https://unpkg.com/super-hands/dist/super-hands.min.js"></script> -->
9-
<script src="//cdn.rawgit.com/donmccurdy/aframe-physics-system/v3.1.2/dist/aframe-physics-system.min.js"></script>
9+
<script src="https://cdn.jsdelivr.net/gh/n5ro/aframe-physics-system@v4.0.1/dist/aframe-physics-system.js"></script>
1010
<script src="https://unpkg.com/aframe-event-set-component@^4.1.1/dist/aframe-event-set-component.min.js"></script>
1111
<script src="https://unpkg.com/aframe-physics-extras/dist/aframe-physics-extras.min.js"></script>
1212
<script src="https://rawgit.com/feiss/aframe-environment-component/master/dist/aframe-environment-component.min.js"></script>

‎examples/physics/index-mouse.html‎

Lines changed: 8 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,11 @@
44
<!-- Replace "../build.js" with the super-hands and
55
A-Frame distributions to run : -->
66
<script src="../build.js"></script>
7-
<!-- <script src="https://aframe.io/releases/0.8.2/aframe.min.js"></script> -->
7+
<!-- <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script> -->
88
<!-- <script src="https://unpkg.com/super-hands/dist/super-hands.min.js"></script> -->
9-
<script src="//cdn.rawgit.com/donmccurdy/aframe-physics-system/v3.1.2/dist/aframe-physics-system.min.js"></script>
9+
<script src="https://cdn.jsdelivr.net/gh/n5ro/aframe-physics-system@v4.0.1/dist/aframe-physics-system.js"></script>
1010
<script src="https://unpkg.com/aframe-event-set-component@^4.1.1/dist/aframe-event-set-component.min.js"></script>
11-
<script src="https://unpkg.com/aframe-physics-extras/dist/aframe-physics-extras.min.js"></script>
11+
<!-- <script src="https://unpkg.com/aframe-physics-extras/dist/aframe-physics-extras.min.js"></script> -->
1212
<script src="https://rawgit.com/feiss/aframe-environment-component/master/dist/aframe-environment-component.min.js"></script>
1313
<script>
1414
//color randomizer
@@ -52,21 +52,20 @@
5252
hoverable grabbable stretchable draggable droppable
5353
event-set__hoveron="_event: hover-start; material.opacity: 0.7; transparent: true"
5454
event-set__hoveroff="_event: hover-end; material.opacity: 1; transparent: false"
55-
dynamic-body shadow></a-mixin>
55+
body="shape: box" shadow></a-mixin>
5656
</a-mixin>
5757
</a-assets>
5858
<a-entity camera look-controls wasd-controls position="0 1 1"
5959
capture-mouse
6060
raycaster cursor="rayOrigin:mouse"
61-
static-body="shape: sphere; sphereRadius: 0.001"
61+
body="type: static; shape: sphere; sphereRadius: 0.001"
6262
super-hands="colliderEvent: raycaster-intersection;
6363
colliderEventProperty: els;
6464
colliderEndEvent:raycaster-intersection-cleared;
6565
colliderEndEventProperty: clearedEls;">
6666
</a-entity>
6767
<a-entity class="transformer" position = "0 1.6 -1"
68-
color-randomizer droppable static-body
69-
collision-filter="collisionForces: false"
68+
color-randomizer droppable body="type: static; shape: box"
7069
geometry="primitive: box; width: 0.5; height: 0.5; depth: 0.5"
7170
event-set__dragon="_event: dragover-start; material.color: orange"
7271
event-set__dragoff="_event: dragover-end; material.color: purple"
@@ -84,7 +83,7 @@
8483
<a-entity class="cube" mixin="cube" position="1 0.265 -1" material="color: green"></a-entity>
8584
<a-entity class="cube" mixin="cube" position="1 0.265 -0.5" material="color: green"></a-entity>
8685
<!-- ground collider keeps objets from falling -->
87-
<a-box static-body width=100 height=0.001 depth=100 visible="false"></a-box>
86+
<a-box body="type: static; shape: box" width=100 height=0.001 depth=100 visible="false"></a-box>
8887
</a-scene>
8988

9089
<!-- GitHub Corner. -->
@@ -93,6 +92,6 @@
9392
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path>
9493
</svg>
9594
</a>
96-
<style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}
95+
<style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
9796
</body>
9897
</html>

‎examples/physics/index.html‎

Lines changed: 8 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,9 @@
44
<!-- Replace "../build.js" with the super-hands and
55
A-Frame distributions to run : -->
66
<script src="../build.js"></script>
7-
<!-- <script src="https://aframe.io/releases/0.8.2/aframe.min.js"></script> -->
7+
<!-- <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script> -->
88
<!-- <script src="https://unpkg.com/super-hands/dist/super-hands.min.js"></script> -->
9-
<script src="//cdn.rawgit.com/donmccurdy/aframe-physics-system/v3.1.2/dist/aframe-physics-system.min.js"></script>
9+
<script src="https://cdn.jsdelivr.net/gh/n5ro/aframe-physics-system@v4.0.1/dist/aframe-physics-system.js"></script>
1010
<script src="https://unpkg.com/aframe-event-set-component@^4.1.1/dist/aframe-event-set-component.min.js"></script>
1111
<script src="https://unpkg.com/aframe-physics-extras/dist/aframe-physics-extras.min.js"></script>
1212
<script src="https://rawgit.com/feiss/aframe-environment-component/master/dist/aframe-environment-component.min.js"></script>
@@ -37,9 +37,9 @@
3737
<link rel="stylesheet" type="text/css" href="../assets/examples.css">
3838
</head>
3939
<body>
40-
<button id="replayer-button" type="button" onclick="playDemoRecording()">
40+
<!-- <button id="replayer-button" type="button" onclick="playDemoRecording()">
4141
Don't have roomscale VR handy? Click here for a preview.
42-
</button>
42+
</button> -->
4343
<a-scene physics environment="preset: tron; shadow: true">
4444
<a-assets>
4545
<img id="portals-preview" src="../assets/hand-controls.jpg"></img>
@@ -67,14 +67,10 @@
6767
<a-entity>
6868
<a-camera positon="0 1.6 0"></a-camera>
6969
<a-entity id="rhand" mixin="touch"
70-
vive-controls="hand: right"
71-
oculus-touch-controls="hand: right"
72-
windows-motion-controls="hand: right">
70+
hand-controls="hand: right">
7371
</a-entity>
7472
<a-entity id="lhand" mixin="touch"
75-
vive-controls="hand: left"
76-
oculus-touch-controls="hand: left"
77-
windows-motion-controls="hand: left">
73+
hand-controls="hand: left">
7874
</a-entity>
7975
</a-entity>
8076
<a-entity class="cube" mixin="cube" position="0 0.265 -1" material="color: red"></a-entity>
@@ -86,7 +82,7 @@
8682
<a-entity class="transformer" mixin="transformer" position = "0 1.6 -1"
8783
material="src:#colortransform" shadow></a-entity>
8884
<!-- ground collider keeps objets from falling -->
89-
<a-box static-body width=100 height=0.001 depth=100 visible="false"></a-box>
85+
<a-box static-body width="100" height="0.01" depth="100" visible="false"></a-box>
9086
<a-link href="../mouse" title="Basic Example"
9187
static-body="shape: sphere; sphereRadius: 0.25"
9288
image="#portals-preview"
@@ -102,6 +98,6 @@
10298
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path>
10399
</svg>
104100
</a>
105-
<style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}
101+
<style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
106102
</body>
107103
</html>

0 commit comments

Comments
 (0)