Skip to content

Instantly share code, notes, and snippets.

@adunkman
Forked from hellosmithy/transparency.styl
Created May 2, 2012 22:19
Show Gist options
  • Save adunkman/2580972 to your computer and use it in GitHub Desktop.
Save adunkman/2580972 to your computer and use it in GitHub Desktop.
Cross-browser alpha transparent background CSS (rgba) Stylus mixin
// background transparency
background-transparency(color, alpha = 1)
ms-color = argb(color, alpha)
background rgb(color)
background rgba(color, alpha)
.lt-ie8 &
zoom 1
.lt-ie9 &
background transparent
filter s('progid:DXImageTransform.Microsoft.gradient(startColorstr=%s,endColorstr=%s)', ms-color, ms-color)
&:nth-child(n)
filter none
hex(decimal)
hex-value = ('0') ('1') ('2') ('3') ('4') ('5') ('6') ('7') ('8') ('9') ('A') ('B') ('C') ('D') ('E') ('F')
unquote(hex-value[floor(decimal / 16)] + hex-value[floor(decimal % 16)])
argb(color, alpha = 1)
unquote('#') + hex(alpha * 255) + hex(red(color)) + hex(green(color)) + hex(blue(color))
@samzeng
Copy link

samzeng commented May 21, 2014

Oh~ thanks man, it solve my problem.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment