[Timeline with random borderRadius]

Hi @akapowl

 

This is exactly what I was looking for! I was not aware of the random() utility-method but I will definitely read the dokumention on this.

Thank you so much!

 

Best regards

Jesper

[Timeline with random borderRadius]

Hi there!

 

I'm trying to have a timeline trigger a borderRadius when entering viewport, and it works (codepen). But I would like to have a random borderRadius. I have managed to get a function to work that gives a random borderRadius (code below) but how can I call that function inside the ScrollTrigger timeline?

 

    $(".blob-wrapper").each(function(){
    var rand="";
    for(var i=0;i<8;i++)
    {
        rand += Math.floor(Math.random() * 50) + 30 + "%";
        if(i!=3)
            rand +=" ";
        else
            rand +="/ ";
    }
        $(this).css( {  borderRadius:  rand } );
    });

 

Greatly appreciate your help :)

See the Pen PoQyaLw by jeuwert (@jeuwert) on CodePen