Solved

Modernizr and CSS vendor prefixes

Posted on 2014-09-10
4
160 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

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

This article discusses four methods for overlaying images in a container on a web page
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…

829 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