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.