googletag.cmd.push(function() { googletag.display('div-gpt-ad-1422003450156-2'); });
Colors HSL
❮ Previous
Next ❯
HSL Colors
HSL color values are supported in IE9+, Firefox, Chrome, Safari, and in Opera
10+.
HSL stands for hue, saturation, and lightness.
HSL color values are specified with: hsl(hue, saturation,
lightness).
Hue
Hue is a degree on the color wheel from 0 to 360. 0 is red, 120
is green, 240 is blue.
Saturation
Saturation is a percentage value; 0% means a shade of
gray and 100% is the full color.
Lightness
Lightness is also a percentage; 0% is black,
100% is white.
function submitOnEnter(e) {
keyboardKey = e.which || e.keyCode;
if (keyboardKey == 13) {
setFullColor();
}
}
function clickHue(hue) {
var h = document.getElementById("hue01");
h.value = hue;
setColor(h);
}
function clickSat(sat) {
var s = document.getElementById("sat01");
s.value = sat;
setColor(s);
}
function clickLig(lig) {
var l = document.getElementById("lig01");
l.value = lig;
setColor(l);
}
function drawHueTable(hue) {
var x, i, n;
x = "
"
x += "";
n = 0;
for (i = 0; i <= 360; i++) {
n = i;
x += "
Popular posts from this blog
<!-- main_leaderboard, all: [728,90][970,90][320,50][468,60] --> Bootstrap 4 Navs ❮ Previous Next ❯ Nav Menus Link Link Link Disabled If you want to create a simple horizontal menu, add the .nav class to a <ul> element, followed by .nav-item for each <li> and add the .nav-link class to their links: Example <ul class="nav"> <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#">Disabled</a> </li> </ul> Try it Yourself » Aligned Nav Link Link...
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1422003450156-2'); }); Google Social Icons ❮ Previous Next ❯ Social Icons The table below shows all Google Social icons: Icon Description Example cake cake Try it domain domain Try it group group Try it group_add group_add Try it location_city location_city Try it mood mood Try it mood_bad mood_bad Try it notifications notifications Try it notifications_none notifications_none Try it notifications_off notifications_off Try it notifications_active notifications_active Try it notifications_paused notifications_paused Try it pages pages Try it party_mode party_mode Try it people people Try it people_outline people_outline Try it person person Try it person_add person_add Try it per...
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1422003450156-2'); }); HTML Global Attributes ❮ Previous Next ❯ HTML attributes give elements meaning and context. The global attributes below can be used on any HTML element. HTML Global Attributes = Attribute added in HTML5. Attribute Description accesskey Specifies a shortcut key to activate/focus an element class Specifies one or more classnames for an element (refers to a class in a style sheet) contenteditable Specifies whether the content of an element is editable or not data-* Used to store custom data private to the page or application dir Specifies the text direction for the content in an element draggable Specifies whether an element is draggable or not dropzone Specifies whether the dragged data is copied, moved, or linked, when dropped hidden Specifies that an element is not yet, or is no longer, relevant id Specifies a unique id for an element lang S...
|