jQuery Plugin For Color Alpha Channel - colorAlpha

File Size: 5.16KB
Views Total: 661
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Color Alpha Channel - colorAlpha

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.