ntr/mnml
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

scale

Browse Source
This commit is contained in:
ntr 2019-06-11 21:26:53 +10:00
parent c504cb8671
commit 76ff7ba43f
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/components/svgs/amplify.jsx
View File

@ -16,7 +16,7 @@ class Amplify extends Component {
<svg <svg
class='skill-animation blue' class='skill-animation blue'
version="1.1" version="1.1"
id="hex" id="amplify"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 200 200"> viewBox="0 0 200 200">
<filter id="ampFilter"> <filter id="ampFilter">
@ -31,7 +31,7 @@ class Amplify extends Component {
componentDidMount() { componentDidMount() {
const altPath = 'M0,100 C100,300 100,-100 200,100'; const altPath = 'M0,100 C100,300 100,-100 200,100';
anime({ anime({
targets: '#hex path', targets: '#amplify path',
d: [{ value: altPath }], d: [{ value: altPath }],
stroke: ['#a52a2a', '#3498db'], stroke: ['#a52a2a', '#3498db'],
duration: 1000, duration: 1000,

8
client/src/components/svgs/hex.jsx
View File

@ -28,6 +28,14 @@ class Hex extends Component {
} }
componentDidMount() { componentDidMount() {
anime({
targets: ['.hex-anim'],
scale: [1, 2],
loop: true,
direction: 'alternate',
easing: 'easeInOutExpo',
});
anime({ anime({
targets: ['.hex-anim polygon'], targets: ['.hex-anim polygon'],
points: '64 69.88600002141976 8.574 99.91603773440568 62.29420564057706 66.93105659089863 64 3.916037734405676 65.70579435942294 66.93105659089863 119.426 99.91603773440568', points: '64 69.88600002141976 8.574 99.91603773440568 62.29420564057706 66.93105659089863 64 3.916037734405676 65.70579435942294 66.93105659089863 119.426 99.91603773440568',