treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Alternative @keyframes syntax needed

  • Hi! It's my first post after looong time watching, so hello everyone!

    I have to develop a css template, with animation in @-webkit-keyframes, in an online auction site for a client. The problem is, when I write my css in , the auction service adds something like @user-field in front of every declaration, so : .topMenu { styles; styles; } becomes #user-field .topMenu {styles; styles; }

    And the thing is, when you add something like #user-field in front of @-webkit-keyframes declaration, it just stops to work. So, my question is: Can i make the same effects, by wrapping the '@-webkit.... ' in any tag? Or can I put all my stops (the 20%, 50% etc. ) directly in animation:{} ?

    Thanks!

  • Maybe I don't follow, but what is adding styles dynamically like that? It's adding it directly to your stylesheets?

  • Unfortunately yes. It's auction site, where they try to limit user auctions css styles to one conainter, #user-field. I've already lost any hope for solution for this, people say there's no other way :(

  • @druid, can you post a link to the site. Unless they are doing something server-side to constrict users from styling elements, im sure there is a way.