How to set prefixed CSS3 transitions using JavaScript?

by

You should look here: http://www.javascriptkit.com/javatutors/setcss3properties.shtml

As you can see setting CSS Properties with “-” just results in the next character to be capital:

document.getElementById('fade').style.WebkitTransition = 'opacity 1s';
document.getElementById('fade').style.MozTransition = 'opacity 1s';

More Related Contents:

  1. How to add a black shadow on top of a div block with background image?
  2. Fade animation while scrolling
  3. How do you read CSS rule values with JavaScript?
  4. jQuery SVG, why can’t I addClass?
  5. Setting background-image using jQuery CSS property
  6. How to get a style attribute from a CSS class by javascript/jQuery?
  7. How to get the background color code of an element in hex?
  8. “Uncaught TypeError: a.indexOf is not a function” error when opening new foundation project
  9. jQuery counting elements by class – what is the best way to implement this?
  10. ScrollIntoView() causing the whole page to move
  11. Shrink DIV to text that’s wrapped to its max-width?
  12. Read :hover pseudo class with javascript
  13. How to ONLY trigger parent click event when a child is clicked
  14. Detect fullscreen mode
  15. Count down timer with circular progress bar
  16. Count animation from number A to B
  17. How to dynamically modify in materialize css framework
  18. Preloading @font-face fonts?
  19. Remove scrollbar but not scrolling functionality [duplicate]
  20. Pausing CSS animation with javascript and also jumping to a specific place in the animation
  21. fade effect using javascript no jquery?
  22. How can I animate the drawing of text on a web page?
  23. using css modules how do I define more than one style name
  24. IIS 7.5 no images css js showing
  25. Disable images in Selenium Python
  26. How do I dynamically adjust css stylesheet based on browser width?
  27. Polymer share styles across elements
  28. How should I crop an image at client side using jcrop and upload it?
  29. How do I put a clear button inside my HTML text input box like the iPhone does?
  30. Removing element with jQuery?

Leave a Comment