changing a value in css using javascript

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 ?

You will have to loop through the stylesheet rules and change the keyframe rules. — Weafs.py
– Weafs.py, Commented Jan 9, 2015 at 17:50
how can i change the key-frame rule ? should i use .css(); and write the entire animation on it ?? @ chipChocolate.py — Ajith
– Ajith, Commented Jan 9, 2015 at 17:52
It's no big deal,the value of the div changes dynamically.That's why i wanted the keyframe value to get changed aswell.@ guest271314 — Ajith
– Ajith, Commented Jan 9, 2015 at 18:14

Ajith · Accepted Answer · 2015-01-09 18:14:04Z

1

Better use Less (http://lesscss.org/) or Sass (http://sass-lang.com/),which are CSS dynamic languages.

edited Jan 9, 2015 at 18:14

Ajith

7912 gold badges6 silver badges12 bronze badges

answered Jan 9, 2015 at 18:03

Mouhamad Kawas

3702 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sonny Prince · Accepted Answer · 2015-01-11 10:14:08Z

0

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)

answered Jan 11, 2015 at 10:14

Sonny Prince

1

1 Comment

user663031 Over a year ago

This is not an "answer".

Collectives™ on Stack Overflow

changing a value in css using javascript

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related