使用 javascript 更改 css 中的值

Question

@-webkit-keyframes swag{

   0% {-webkit-transform:translateY(0px);}      

  50% {-webkit-transform:translateY(-400px);}

 100% {-webkit-transform:translateY(0px);}

  }

I want to change the "-400 px" in the 50% key-frame dynamically according to the height of an another div.So can we use javascript to achieve this here ? If so,how ?

Answer 1

最好使用 Less ( http://lesscss.org/ ) 或 Sass ( http://sass-lang.com/ )，它们是 CSS 动态语言。

Answer 2

I don't think SASS will solve the issue you're having.. (but it's still incredibly handy to use)

Could you explain what you're trying to achieve a little more? (eg positioning, what variables on sizing etc)