dada78

ShockinglyGreen
  • Content Count

    116
  • Joined

  • Last visited

Community Reputation

27 Newbie

About dada78

  • Rank
    Advanced Member

Profile Information

  • Gender
    Female

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. dada78

    3D Transforms not working in Safari / Firefox / IE11

    Ahhhh! Dang that makes perfect sense! Thanks @PointC
  2. dada78

    3D Transforms not working in Safari / Firefox / IE11

    Thanks @PointC! I tried .set(txt1, {perspective:200}) before by using the variable name, but that didn't work, so I didn't even try applying it to the element id, because shouldn't it work the same way when using the variable name instead? Thanks!
  3. dada78

    3D Transforms not working in Safari / Firefox / IE11

    I think I found the answer by adding the perspective with browser prefixes to the css: -webkit-perspective: 200px; -ms-perspective: 200px; perspective: 200px; Still wondering why it wouldn't work if I just have the perspective set on the banner div? Thanks!
  4. Hi guys, for some reason I can't get the 3d transform perspective working on my splittext animation - see codepen... It only seems to be working in Chrome / Mac. Any ideas? Thanks!
  5. Hi guys, I am really excited about the newest release of GSAP including the PixiPlugin, but it's not clear to me if it's an EXTRA (for paid members) or comes included in the TweenMax lib? (I am ware that I would need to include the PIXI.js CDN link in my publishing template, just wondering about the GSAP PixiPlugin.js) Finally, would someone be able to share a codepen or .fla canvas file that shows an example of how to use the BLUR filter for example ? Thanks!
  6. Hi guys, I love using AnimateCC in conjunction with Greensock but the only thing that has always been sort of a headache has been how to animate alpha gradient masks. After some trial and errors creating and animating the mask, here is the file I wanted to share with the community, hopefully it will benefit somebody. One important piece of information that the Adobe Support team shared as well was:"Please avoid adding scripts within the mask and maskee symbols or multiple level of nesting within them because they need to be cached as bitmap for masking to work." AlphaGradientMask_radial.fla.zip
  7. dada78

    Twinkling Stars

    @OSUblake you rock! Thanks so much! Continuing to learn something new one day at a time
  8. dada78

    Twinkling Stars

    Thanks @OSUblake, I tried to make your example work with my initial codepen and forked the update here: However I feel like I am not fully understanding this line here, as it throws the following console error: Uncaught TypeError: Cannot read property 'cloneNode' of undefined var index = random(textures.length)|0; var star = textures[index].cloneNode(true); frag.appendChild(star); This is how I understand it: length returns the number of DOM elements in the textures variable or 0 and randomizes those. var star holds the randomized array of the textures variable and clones each of the elements in the index and then appends it to the fragment we've created. Is the issue happening because I only have one DOM element not various different ones like you? Thanks for taking the time to explain.
  9. dada78

    Twinkling Stars

    Hi guys, I am trying to do the following in plain JS and am failing miserably: 0_ Dynamically create x amount of stars of an existing dom element 1_ Fill an area with randomly positioned stars (dots at this point) 2_ Then animate the alpha in and out at random times Issue: The console log is not printing the generated random numbers for the index Thanks for your help!
  10. dada78

    AMP - Accelerated Mobile Pages

    Thanks Jack, I will contact them.
  11. dada78

    AMP - Accelerated Mobile Pages

    Hi guys, my agency is looking to test banner performance using AMP versus H5, and after briefly glancing at https://www.ampproject.org/docs/tutorials/converting/resolving-errors under "Exclude third-party JavaScript", this sounds as if I won't be able to use the Greensock lib for this type of execution? Would that mean the animations are restricted to using: https://www.ampproject.org/docs/reference/components/amp-animation ? If so that would be very limiting in terms of motion and creativity... Just wondering about opinions on it... Thanks!
  12. dada78

    SplitText PlugIn Console error

    Aaaaaah! Yes!! Thanks so much helping me troubleshoot this.
  13. dada78

    SplitText PlugIn Console error

    Codepen below: I noticed that the error didn't appear when I removed the cardSheen and cardHolder, but can't reproduce what I exactly did or changed, when the error went away. Anyway, here it's visible in debug mode... Thank you!
  14. dada78

    SplitText PlugIn Console error

    Thanks guys, will be setting up the codepen, but need to know how I would be able to reference both of the unminified TweenMax and splitText plugin using codepen? The quick add Greensock is minified and also isn't splitText supposed to be for members only? Please let me know how to proceed. Thanks!