Forums

  • # May 15, 2017 at 3:34 am

    Hey guys i want to learn how i can make text transition like here: https://tympanus.net/Development/DeveloperDesignerPageLayout/ check corner where is the name is changing,can you give me some advice?
    Thank you!

    # May 15, 2017 at 4:29 pm

    hey altcss1337,

    In your example classes are being added and removed to the element using JavaScript.
    That’s definitely the best way to do this while making sure it’s cross browser compatible.

    If you want to use css instead, you could use keyframe animations and set the transitions to ‘step-end’ to make the transitions choppy.
    It’s not truly random but when animated correctly, it will feel random. You would need to use JS to make it truly random.

    I wrote you a pure css/html demo for this.
    Try commenting out code and seeing what happens with it, specifically try deleting ‘step-end’.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag