cssObjs CSS3 Extensions
Testing the css3 extensions and building on
by Warspawn
HTML
<script src="https://github.com/gitsome/cssObjs/raw/master/cssObjs/cssobjs/cssobjs.js"></script>
<div class="foo">Foo Bar!</div>
JavaScript
(function($, undefined) {
//CSS3 Extension using cssObjs functions
//Adds functions that manipulate css values
/*=============== Private Utility Functions ================*/
var browsers = ["-moz-", "-webkit-", "-ms-", "-o-", ""];
/*=============== Use the $.cssObjsAPI to add the Functions ================*/
$.cssObjsAPI.addFunctions({
rounded_corners: function(params) {
return ["border-radius:", params, "-moz-border-radius:", params, "-webkit-border-radius:", params].join(';') + ';';
},
leafUL: function(params) {
return ["border-top-left-radius:", params, "-moz-border-radius-topleft:", params, "border-bottom-right-radius:", params, "-moz-border-radius-bottomright:", params].join(';') + ';';
},
leafUR: function(params) {
return ["border-top-right-radius:", params, "-moz-border-radius-topright:", params, "border-bottom-left-radius:", params, "-moz-border-radius-bottomleft:", params].join(';') + ';';
},
tab: function(params) {
return ["-moz-border-radius-topright:", params, "border-top-right-radius:", params, "-moz-border-radius-topleft:", params, "border-top-left-radius:", params].join(';') + ';';
},
inner_shadow: function(params) {
var params = params.split(' '),
offTop = params[0],
offLeft = params[1],
radius = params[2],
color = params[3];
return [["-webkit-box-shadow: inset", offTop, offLeft, radius, color].join(' '), ["-moz-box-shadow: inset", offTop, offLeft, radius, color].join(' '), ["box-shadow: inset", offTop, offLeft, radius, color].join(' ')].join(';') + ';';
},
box_shadow: function(params) {
var params = params.split(' '),
offTop = params[0],
offLeft = params[1],
radius = params[2],
color = params[3];
return...