0

are vendor prefixes still needed with my sample css below? I am using angular 6.

 .container_2 {
      width: 100px;
      height: 100px;
      border: 1px solid red;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
    }
jhpratt
  • 6,841
  • 16
  • 40
  • 50
rj.learn
  • 645
  • 1
  • 6
  • 14
  • 1
    [caniuse.com](https://caniuse.com) Basically, the answer depends on what browsers you're targeting. – jhpratt Aug 02 '18 at 03:23
  • 2
    Possible duplicate of [How do I find out when I can safely drop vendor prefixes for a CSS3 property?](https://stackoverflow.com/questions/9211602/how-do-i-find-out-when-i-can-safely-drop-vendor-prefixes-for-a-css3-property) – jhpratt Aug 02 '18 at 03:25
  • Thank u for informing me @jhpratt – rj.learn Aug 02 '18 at 03:41

1 Answers1

0

Vendor prefixes support depend on web browser's render engine. Angular is just a JS framework. CSS is outside of the scope

From my experience, most of Web browsers support popular syntax as transform, box-shadow without prefix already. If you want to sure, let check at https://caniuse.com/

If you don't want to care about those prefixes, let's use Autoprefixer cssnext. These are polyfill tools that support newest specification of CSS. When the browser is fully supported new specs, CSSNext will automatically remove them for you

hgiasac
  • 2,183
  • 16
  • 14