If you’ve done any sort of serious web development, chances are you’ve experienced the pain of writing styles specifically for the variety of browsers that exist.
CSS Prefixer tries to ease the pain a bit.
The web-based utility allows you to input your CSS:
[cc lang=”css”]
.my-class, #my-id {
border-radius: 1em;
transition: all 1s ease;
box-shadow: #123456 0 0 10px;
}
[/cc]
Process it, and then have it return properly styles that work with all major vendors:
[cc lang=”css”]
.my-class, #my-id {
-moz-border-radius: 1em;
-o-transition: all 1s ease;
-moz-box-shadow: #123456 0 0 10px;
-webkit-box-shadow: #123456 0 0 10px;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
-webkit-border-radius: 1em;
border-radius: 1em;
transition: all 1s ease;
box-shadow: #123456 0 0 10px
}
[/cc]
Check out more info here!
Speak your mind...