@uiw/react-github-corners
Advanced tools
+48
| .github-corner:hover .octo-arm { | ||
| -webkit-animation: octocat-wave 560ms ease-in-out; | ||
| animation: octocat-wave 560ms ease-in-out; | ||
| } | ||
| @-webkit-keyframes octocat-wave { | ||
| 0%, | ||
| 100% { | ||
| -webkit-transform: rotate(0); | ||
| transform: rotate(0); | ||
| } | ||
| 20%, | ||
| 60% { | ||
| -webkit-transform: rotate(-25deg); | ||
| transform: rotate(-25deg); | ||
| } | ||
| 40%, | ||
| 80% { | ||
| -webkit-transform: rotate(10deg); | ||
| transform: rotate(10deg); | ||
| } | ||
| } | ||
| @keyframes octocat-wave { | ||
| 0%, | ||
| 100% { | ||
| -webkit-transform: rotate(0); | ||
| transform: rotate(0); | ||
| } | ||
| 20%, | ||
| 60% { | ||
| -webkit-transform: rotate(-25deg); | ||
| transform: rotate(-25deg); | ||
| } | ||
| 40%, | ||
| 80% { | ||
| -webkit-transform: rotate(10deg); | ||
| transform: rotate(10deg); | ||
| } | ||
| } | ||
| @media (max-width: 500px) { | ||
| .github-corner:hover .octo-arm { | ||
| -webkit-animation: none; | ||
| animation: none; | ||
| } | ||
| .github-corner .octo-arm { | ||
| -webkit-animation: octocat-wave 560ms ease-in-out; | ||
| animation: octocat-wave 560ms ease-in-out; | ||
| } | ||
| } |
+2
-1
| { | ||
| "name": "@uiw/react-github-corners", | ||
| "version": "1.5.2", | ||
| "version": "1.5.3", | ||
| "description": "Add a Github corner to your project page, This GitHub corners for react component.", | ||
@@ -29,2 +29,3 @@ "main": "cjs/index.js", | ||
| "files": [ | ||
| "dist.css", | ||
| "cjs", | ||
@@ -31,0 +32,0 @@ "esm", |
30441
3.57%16
6.67%451
11.91%