Border ist not animated… WHY?

[DavidLambauer]

Hey there,
i am building my new website and i have one site with “Skills”.

I want to animate these skills. You may look here:

http://www.davidlambauer.de/skills.html

The Animation is clear jQuery.

The Animation is great, but each skill point gets cutted. I can’t find the mistake, so maybe you can help me.

Thanks alot

[shaneisme]

During animation, overflow:hidden; inline on the .main-skill div is causing the break.

So you can remove that, adjust heights, z-index… something along those lines.

[DavidLambauer]

Hey thx alot for your answer. I was not able to fix the problem but i solved it through a workarround.

Watch this:

    $(document).ready(function(){
        $(".skill-line").hide();

        $(".skill-point").css({
            "right": "100%"
        });     
        $(".skill-point").animate({
            "right": "0%"           
        },1500);
        $(".skill-line").show(1500);
    });

[Author]

Posts