Solved

Modernizr and CSS vendor prefixes

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

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

744 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

14 Experts available now in Live!

Get 1:1 Help Now