Jump to content


  • Posts

  • Joined

  • Last visited

Posts posted by DD77

  1. By clicking the button twice I meant:

    When the button is clicked than I return to the 3 button screen if I click the button that I previously clicked the button won’t work. 

    I completely understand your point and I will see what I can do. I hope to figure something out. 

  2. @PointC You are a star! Is quite your fault to be honest, you push me to far with your suggestions and I get to try to make thing to big for me! But I'm learning and I learned a lot from you! 
    Thanks, for your support and help!

    • Like 2
  3. @PointC  Thanks for your suggestion, really helped. 
    Is it possible to make the images showing with a clip-path? I can't figure it out. 

    I have this 3 images, which are showing fine, but I don't have the right experience. 
    I should see the background image (body). 

    How can I achieve this? 







    See the Pen yRogdW by davide77 (@davide77) on CodePen


  4. I have to animate this "button" which will trigger another animation.

    On mouseOver, it should animate the stroke-dasharray to white.

    I need an animation clockwise that animate all the strokes. I've not a clue how to animate the stroke. 
    Any idea ? Would any of you wise people able to help? 


    See the Pen dgRNJN?editors=1010 by davide77 (@davide77) on CodePen

  5. I'm struggling to implement gsap within typeitjs.

    I have 4 buttons, and each button should react in a better way.
    -  I'd like to restart the typeit function each time I click a button. Is it possible to fade off the other message and show the new one from the beginning? 

    If anyone is familiar with typeit, that would be great


    See the Pen EewXmw?editors=1010 by davide77 (@davide77) on CodePen

  6. I'm trying to implement a bit of gsap in here, perhaps a autoAlpha when I hover the pin.
    The issue I'm having is that the text doesn't seems to be next to the pin correctly. 

    - when  I hover the pin  with the mouse, the text should follow the mouse and it should be next to it.

    I hope it makes sense.


           window.onmousemove = function (e) {
                var x = e.clientX,
                    y = e.clientY,
                    i, l = tooltipSpans.length;
                for(i = 0; i < l; i++){
                  tooltipSpans[i].style.top = (y - 220) + 'px';
                  tooltipSpans[i].style.left = (x - 420) + 'px';


    See the Pen GXJKBV?editors=1010 by davide77 (@davide77) on CodePen