Jump to content

Search In
  • More options...
Find results that contain...
Find results in...


  • Content Count

  • Joined

  • Last visited

Community Reputation

0 Newbie

About andrea_pergola

  • Rank
  1. It works! How can i use this for production purpose? I need this for a client's project 😅 Thank you, a.
  2. This is a code from a React app, so className is correct (sorry if i don't mention it before).
  3. Hi, here's the a CodePen demo: https://codepen.io/_alssndr/pen/mdEeqdP
  4. Hi, i have a svg that I'm trying to morph and it throws the "ERROR: malformed path: #item3 .name3 path:nth-child(2)". <div id="item3"> <div> <div className="number"></div> <div className="name name3"> <svg preserveAspectRatio="xMinYMin meet" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1370.69 168.39"> <path d="M54.5,22.06H0V3.74H130.75V22.06H76.25V167.23H54.5Z"/> <path d="M215.05,0c51.1,0,77,40.52,77,84.19s-25.89,84.2-77,84.2-77-40.52-77-84.2S164,0,215.05,0Zm0,150.38c39.17,0,55.61-33.77,55.61-66.19S
  5. Hi, I have a problem with a loop animation that causes an high CPU/GPU rate with Chome and a jerky effect with Safari. Here's my demo: https://www.dudemag.it/test/. Here's my code: import React from 'react'; import gsap from 'gsap'; class App extends React.Component { componentDidMount() { var a = 0; var b = 0; for (var i = 1; i <= 18; i++) { a = i*90; b = i*90+360; gsap.timeline({ repeat: -1 }) .set(this['menu_blob_' + i], { rotation: ('-' + a), xPercent: 200, yPercent: 0.01, rotation: a }) .to(this['men
  6. Hi, I have a problem using GSAP and ScrollMagic in React's project. This is an example: var controller = new ScrollMagic.Controller(); new ScrollMagic.Scene({ triggerElement: this.about }).setTween(TweenMax.to(this.h2, 0.25, { color: 'yellow' })).addTo(controller); Can you explain me why this operation executes at the start and not when this.about is triggered? Thank you, a.
  7. Thank you for the response. How can i import TweenMax and TimelineLite? There aren't in "dist" directory.
  8. Hi, I found problems installing GSAP in a Razzle project. I think the problem is relative to SSR, because this is the only difference between a "create-react-app" and "create-razzle-app". When i do "npm start": /Users/alessandrobuoscio/dude_website_razzle/node_modules/gsap/all.js:1 import gsap from "./gsap-core.js"; ^^^^ SyntaxError: Unexpected identifier at Module._compile (internal/modules/cjs/loader.js:721:23) at Object.Module._extensions..js (internal/modules/cjs/loader.js:787:10) at Module.load (internal/modules/cjs/loader.js:653:32) at tryModu