Skip to content
This repository

Collection of cssHooks that work with jQuery 1.4.3+

branch: master
Octocat-spinner-32 tests Updated tests August 18, 2011
Octocat-spinner-32 .gitattributes forcing line endings to be LF and ignoring some files November 02, 2010
Octocat-spinner-32 .gitignore forcing line endings to be LF and ignoring some files November 02, 2010
Octocat-spinner-32 LICENSE.txt Updated license and README August 18, 2011
Octocat-spinner-32 README.md Update and rename README.markdown to README.md October 17, 2013
Octocat-spinner-32 bgpos.js Separate hooks into individual files. Add support for setting margin,… November 01, 2010
Octocat-spinner-32 border-radius.htc updated Border radius alternative November 10, 2010
Octocat-spinner-32 borderimage.js Updated Border Image hook. Changed order when checking for support. August 18, 2011
Octocat-spinner-32 borderradius.js adding a test to check single value and multiple value setting for bo… November 09, 2010
Octocat-spinner-32 borderradiusalt.js Updated Border Radius Alt hook August 18, 2011
Octocat-spinner-32 boxreflect.js Updated Box Reflect hook August 18, 2011
Octocat-spinner-32 boxshadow.js Merging in pdokas/jquery-cssHooks November 11, 2010
Octocat-spinner-32 boxsizing.js Updated Box Sizing hook August 18, 2011
Octocat-spinner-32 color.js Now compatible with jQuery 1.5.1, please upgrade and report bugs February 17, 2011
Octocat-spinner-32 columns.js Updated Columns hook August 18, 2011
Octocat-spinner-32 gradients.js Update gradients.js March 07, 2013
Octocat-spinner-32 marginpadding.js Separate hooks into individual files. Add support for setting margin,… November 01, 2010
Octocat-spinner-32 skeleton.js Use double quotes April 21, 2011
Octocat-spinner-32 textshadow.js Removing cssNumber property from values that shoudln't have it. April 21, 2011
Octocat-spinner-32 transform.js Update skeleton.js and transform.js to enable better perf with jQuery… April 21, 2011
Octocat-spinner-32 transition.js lowercasing style.transition and style.boxShadow per lrbabe's comment… November 06, 2010
Octocat-spinner-32 userinterface.js Updated User Interface hook August 18, 2011
README.md

cssHooks

A collection of cssHooks that work with jQuery 1.4.3+.

Current Hooks:

  • margin and padding
  • backgroundPosition, backgroundPositionX, backgroundPositionY
  • borderRadius, borderRadiusTopLeft, borderRadiusTopRight, borderRadiusBottomRight, borderRadiusBottomLeft
  • boxShadow, boxShadowColor, boxShadowBlur, boxShadowSpread, boxShadowX, boxShadowY
  • borderImage
  • Alternative Border Radius Plugin with support for IE 6, 7, and 8
  • boxReflect
  • boxSizing
  • textShadow, and textShadowColor, textShadowX, textShadowY, and textShadowBlur
  • color animations for backgroundColor, borderBottomColor, borderLeftColor, borderRightColor, borderTopColor, borderColor, boxShadowColor, color, outlineColor, and textShadowColor
  • columnCount, columnSpan, columnGap, columnWidth, columnRuleColor, columnRuleStyle, columnRuleWidth
  • 2D transforms
  • linear and radial gradients

Usage

Super simple. Just request the margin, padding, backgroundPosition, boxShadow, etc like you would other CSS properties.

// #myElement { margin: 1px 2px 3px 4px; }
$('#myElement').css('margin'); // "1px 2px 3px 4px"

What about setting properties?

// #myElement { box-shadow: #000 1px 1px 3px; }
$('#myElement').css('boxShadow', '#ccc 5px 5px');
$('#myElement').css('boxShadowColor', '#ff5e99');
$('#myElement').css('boxShadowBlur', '0px');
$('#myElement').css('borderImage', 'url(image.jpg) 27 27 27 27 round round');

And even animating?!

$('#myElement').animate({ backgroundPositionY: 100 }, 500);

What are cssHooks?

jQuery 1.4.3 introduced the concept of cssHooks. They allow you to hook directly into jQuery and override how certain css properties are retrieved or set. This allows for browser normalization or even the creation of your own unique css properties.

License

The cssHooks plugin is licensed under the MIT License (LICENSE.txt).

Copyright (c) 2013 Brandon Aaron, Burin Asavesna, Tom Ellis, Phil Dokas and Louis-Rémi Babé.

Something went wrong with that request. Please try again.