mikel last won the day on April 4

mikel had the most liked content!


  • Content count

  • Joined

  • Last visited

  • Days Won


mikel last won the day on April 4

mikel had the most liked content!

Community Reputation

128 Specialist

About mikel

  • Rank
    Advanced Member
  • Birthday 05/30/1954

Profile Information

  • Gender
    Not Telling
  • Location

Recent Profile Visitors

1,902 profile views
  1. Hi iuscare, One option is 'clip path': https://css-tricks.com/clipping-masking-css/ Here a first draft with tweened clips - based on a pen of Blake Owen: For other options have a look to the comment of CRAIG: Try it and put some cream on it ...
  2. Hey, Sorry for irritations. It was my fault: too fast, not concentrated when forking the pen. It's now quite plain to me: the mix and relation of transformOrigin and the x/yPercent values. Thanks a lot for taking care of my coding attempts.
  3. Hey Jack, Thanks. That´s the point - here forked the official case:
  4. Hey, The scaling effect is a little bit crazy - but nice: While the SHARKS set centered on the path they swim away when scaling down. What is the reason for this? I didn´t touch ...
  5. Hey JaviTubert, In your SVG was a separate SVG definition for the ABEJA (may be copy and paste). Eliminating this line it should be OK ...: https://codepen.io/mikeK/pen/gRRKep
  6. Fábio Novais, "DrawSVGPlugin does not animate the fill of the SVG at all - it only affects the stroke using stroke-dashoffset and stroke-dasharray CSS properties." Please try to draw the segments only as strokes. Here just an example: Happy drawing ...
  7. Hi Blake, your examples are great. Sorry for misinterpreting ... Therefore the lesson could be: https://codepen.io/mikeK/pen/XgRdgx Otherwise you will be hijaked! Lets scrolling to the north Manfred
  8. Hi Blake, Ok, ok ... no doubt about UX principles. An article of uxdesign (https://uxdesign.cc/ux-trends-2017-46a63399e3d2) put it in a broader frame. Here just an extract: "The products and apps we design are used by millions - sometimes billions - of people, creating new markets, improving the economy, and shaping up how people interact with each other. While delightful animations and novelty technologies can put a smile on someone’s face, we have the tools and responsibility to impact much more than that with our work. Why does one choose to use Gmail over Yahoo, Medium over Blogger - if the features are 99% the same? It’s definitely not about disrupting usability standards. It’s about that additional layer of sophistication that can only be achieved when you put enough time and brainpower into the tiniest details, the most subtle animations, the most elegant transitions – not just for the sake of creating whimsical dribbble shots." By the way - I`m not advocating to use scroll speed in 'normal' webs or apps. In a portfolio site or other creative projects it could provide a special kick. It depends on concept, content and intended target group. Well - principles are helpful, but please no orthodox discussion and usage. You need always a good reason because more than ever the user will response by click. Open minded ... Manfred
  9. Hi, A good solution is to use monospace typo - as CARL recommended: https://codepen.io/mikeK/pen/qjRjNm For example ROBOTO mono Happy scrambling ...
  10. Hi janCapricorn, The animation of shift Capital is interesting and I tried to cover the scroll effect. I combined two nice demos (links see comments): https://codepen.io/mikeK/pen/XgpJzY Happy tweening Manfred
  11. Hi Rohit Girdhar Welcome to GreenSock Forums. This is one option: https://codepen.io/mikeK/pen/bRByJQ Just reverse it. Happy tweening Manfred
  12. Hello @friendlygiraffe, I´m not sure, but this is another possibility: Happy tweening ...
  13. Hi Denniswegereef, Some trial and error later: https://codepen.io/mikeK/pen/OmqZZd Hopefully it helps ypour purpose ...
  14. Hi blaasvaer, Please provide a very basic CodePen demo as explained here: http://greensock.com...a-codepen-demo/ It is difficult to guess from just looking at the code snippet you provided what the problem is. Kind regards Mikel
  15. Hi ORi, Welcome to GreenSock Forums. There is a fantastic topic: https://greensock.com/forums/topic/7237-gsap-mouse-driven-parallax-3d-scene-with-working-example Best regards