Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Fails to rotate on animation

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #249234
    Funkaholik
    Participant

    Guys, stuck again on this one
    any regards?

    rotate propertie resets on animation and out of control anyway((

    #249237
    Shikkediel
    Participant

    You got a few semicolons too many first of all:

    0%  {transform: scale(1.0); rotate:(90deg);}
    
    0%  {transform: scale(1.0) rotate(90deg);}
    

    Not sure about the rotation, seems logical it’s not doing anything when the value doesn’t change…

    #249251
    Funkaholik
    Participant

    you see in the begining triangle is upside down but when animation starts
    it turns regular and i can’t set him upside down again anyhow

    #249252
    Shikkediel
    Participant

    I was checking with Firefox, it’s not a triangle there so looked quite different. How’s this for the next step?

    codepen.io/anon/pen/jVoOvG

    Whatever transform you’ve define beforehand will be overwritten by the animation. So you’d have to start at the same rotation.

    #249305
    Funkaholik
    Participant

    thanx man
    Firefox doesn’t support clip-path that’s why it doesn’t looks like triangle)
    and in Chrome i’m still having issue with clip-path+rotate
    but i just rewrote clip-path now i have my triangle upside down so .. done it.,)

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.