Solved

Modernizr and CSS vendor prefixes

Posted on 2014-09-10
4
153 Views
Last Modified: 2014-09-10
Hello Experts,

Does Modernizr automatically detect/add CSS vendor prefixes?

e.g.  

@keyframes  turns to: @-webkit-keyframes  AND animation turns to: -webkit-animation

I remember once once it was somhow working but in this recent version it seem to not work anymore. Thanks.
0
Comment
Question by:Refael
  • 2
  • 2
4 Comments
 
LVL 82

Accepted Solution

by:
leakim971 earned 500 total points
ID: 40314273
No, check the build page to know what you can fix : http://modernizr.com/download/#-opacity-shiv-cssclasses-prefixes-load

test page : http://jsfiddle.net/dkbcvqLa/
0
 

Author Comment

by:Refael
ID: 40314350
Hi leakim971 :-)

Always thank you! The animation in jsfiddle does not work  in Safari. So i assume modernizr does not add/replace the vendor prefixes. That's all i wanted to know. Working with polyfill and modernizr might be a good next on my learning list :-)
0
 
LVL 82

Expert Comment

by:leakim971
ID: 40314366
yes, that was the goal of the test page :)
0
 

Author Closing Comment

by:Refael
ID: 40314377
leakim971 you are one of the best :-)
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…

863 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

24 Experts available now in Live!

Get 1:1 Help Now