jQuery Plugin For Color Alpha Channel - colorAlpha
| File Size: | 5.16KB |
|---|---|
| Views Total: | 670 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
colorAlpha is a simple jQuery plugin that allows you to set the alpha channel of a CSS color or background color.
How to use it:
1. Include the latest jQuery library and jQuery colorAlpha plugin on the page
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="jquery.coloralpha.min.js"></script>
2. Create a container
<div id="demo"></div>
3. Set the background-color for the container
#demo {
background-color: #000;
}
4. Set alpha channel of the background color
<script>
$('#demo').colorAlpha({
property : 'background-color', // accepts any css property that accepts a color (I think)
percent : 50 // 50 = 50%
});
</script>
This awesome jQuery plugin is developed by seyDoggy. For more Advanced Usages, please check the demo page or visit the official website.











