how to apply transform rotate all browse in inline css using jquery


Tags: jquery,css

Problem :

I use,

jQuery('.active').css(
           'transform',
           'rotate('+angle+'deg)',
           '-webkit-transform',
           'rotate('+angle+'deg)',
           '-moz-transform',
           'rotate('+angle+'deg)'
); 

but not a work in other browser.

Can Anyone help me?



Solution :

I would suggest to create a class with name like .active and then use .addClass method.

However take a look at the DEMO first.

Here is the jQuery Code

$('.active').css({ 
  'transform': 'rotate(-20deg)', 
  '-webkit-transform': 'rotate(-20deg)', 
  '-moz-transform': 'rotate(-20deg)',
  'margin-top':'5em'
});

    CSS Howto..

    css: How to float div according to 2nd div in hierarchy

    Safari displays font differently from other browsers -Set specific font-family for specific browser - How to change font smoothing for Safari [closed]

    How do I get placeholder text in firefox and other browsers that don't support the html5 tag option?

    Pure CSS3 show/hide full height div with transition

    how to move this navigation bar to the right

    How to use z-index to make an element overlap another element in CSS

    WordPress admin stylesheet not showing images

    How to style a single QToolButton using qss/css

    How to set Bootstrap @font-family-base?

    How to remove the background in a slick carousel?

    How do I get the background image to not repeat and take up the entire section?

    why is my css speech bubble displaced so frequently? How can I prevent this?

    How to prevent HTML Email from having quoted printable when sending with C# using System.Net.Mail.MaiMessage

    “ul li a:link, a:visited” and “ul li a, visited” how they different?

    How do I apply CSS styling to a
    block?

    How to add a class to select_tag in Ruby on Rails

    How to select html5 range's pseudo-elements in JavaScript

    How to replace direct image calling with sprites, in JavaScript?

    How to visually position image before heading element

    how to use .css to add an address to the end of every .html page?

    how to center text AND have max width of 800px in CSS?

    How to style easypiechart using CSS?

    How to make this breed of resizable vertical divider for two divs?

    How to add a background color to HTML option?

    How to make child elements from parent1 have a higher z-index than child elements from parent 2 (with same z-index as other parent)?

    How do I center two divs within a larger div?

    Force jQuery show/hide to respect display: table?

    How to make LESS combine CSS rules with a comma

    small space keeps showing to right side of my website w

    How to enlarge a div without moving other elements