Jump to content

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

mikel last won the day on October 31

mikel had the most liked content!


  • Content Count

  • Joined

  • Last visited

  • Days Won


mikel last won the day on October 31

mikel had the most liked content!

Community Reputation

2,060 Superhero


About mikel

  • Rank
    Advanced Member
  • Birthday 05/30/1954

Profile Information

  • Gender
    Not Telling
  • Location

Recent Profile Visitors

4,776 profile views
  1. Hey @Yes!, I am lost: what effect do you want to achieve? Using the new gsap 3 you have the possibility of function based values - here an example https://codepen.io/mikeK/pen/pooqrQp Happy tweening ... Mikel
  2. Hey @Wayrse, const tl = gsap.timeline({ paused: true }); // no 'new' tl.to('.circle', {duration:1, x: 100}); //duration is now a property of the vars object const button = document.querySelector('button'); // works as usual button.addEventListener("mouseenter", function(){ tl.play(); }); button.addEventListener("mouseleave", function(){ tl.reverse(); }); Regarding gsaps 3 please have a look release notes. Happy tweening ... Mikel
  3. Hey @Page Tailoring, Just do it ... https://codepen.io/mikeK/pen/WNNLbLZ Happy tweening ... Mikel
  4. Hey @Yes!, If I understand your issue correctly, I'm not sure. You can e.g. use margin-right and a neg stagger number (tweens the array of targets starting from the last) https://codepen.io/mikeK/pen/KKKbPJY Happy tweening ... Mikel
  5. Hey, Just one option - using gsap 3.0 https://codepen.io/mikeK/pen/jOOQRoz Happy tweening ... Mikel
  6. Hey @qqignatqq, Let gsap do the job - better no css transforms. Here is a possibility: https://codepen.io/mikeK/pen/VwwGgEx Happy tweening ... Mikel
  7. Hey @mimeartist, It is still there. However, the codePen example still runs on V2 - here V3 https://codepen.io/mikeK/pen/GRRXjwy Happy tweening V3 ... Mikel
  8. Hey @Loque, Welcome to the GreenSock Forum. You could use the stagger property together with function-based values ... https://codepen.io/mikeK/pen/BaaOjEP Happy tweening ... Mikel
  9. mikel

    Text Glow

    Hey @jdw, Welcome to the GreenSock Forum. Your code is working as expected. Should it flicker? Or what ... Examples of how 'neon font' can be implemented you can find on CodePen. https://codepen.io/mikeK/pen/ae5576e80f4f8d25a946fc4c657d8810 Happy tweening ... Mikel
  10. Hey @jp_uk81, Maybe this pen helps ... function mapToPath() { var path = MorphSVGPlugin.pathDataToBezier(orbit, {align:planet}); //create a tween of the planet along that path and jump to the progress that the timeline is at. TweenLite.to(planet, time, {bezier:{values:path, type:"cubic"}}).progress(action.progress()); } https://codepen.io/mikeK/pen/gyYWEe Happy tweening ... Mikel
  11. mikel

    Data Visualization

    Hey @aloz, Welcome to the GreenSock Forum. An absolutely representative survey showed ... https://codepen.io/mikeK/pen/bGGvQRM As you can see, almost everything is possible. Happy tweening ... Mikel
  12. mikel

    Parallax Effect

    Hey @Ilkin Namazov, Welcome to the GreenSock Forum. Here is a tutorial from @PointC. Try demo 8 ... Happy tweening Mikel
  13. Hey @Gerben Bergman, Please study the above posted topic ... Here an example with the gradient solution of @PointC https://codepen.io/mikeK/pen/vYYRYEg Happy study ... Mikel
  14. Hey @AJT, Welcome to the GreenSock Forum. You could use a cockie. Take a look at this example. Your cockie would be 'homeVisited' and the conditions as needed. Happy tweening ... Mikel
  15. Hey @st3f, You could add a transformPerspective : https://codepen.io/mikeK/pen/MWWQJOY Happy tweening ... Mikel