How can I produce an effect similar to the iOS 7 blur view?

I’m trying to replicate this blurred background from Apple’s publicly released iOS 7 example screen: This question suggests applying a CI filter to the contents below, but that’s a whole different approach. It’s obvious that iOS 7 doesn’t capture the contents of the views below, for many reasons: Doing some rough testing, capturing a screenshot … Read more

How to change the opacity (alpha, transparency) of an element in a canvas element?

Using the HTML5 <canvas> element, I would like to load an image file (PNG, JPEG, etc.), draw it to the canvas completely transparently, and then fade it in. I have figured out how to load the image and draw it to the canvas, but I don’t know how to change its opacity. Here’s the code … Read more

Understanding colors on Android (six characters)

I am trying to understand how colors work in Android. I have this color set as the background of my LinearLayout, and I get a background gray with some transparency: <gradient android:startColor=”#b4555555″ android:endColor=”#b4555555″ android:angle=”270.0″ /> If I remove the last two characters (55) I get a solid color, losing the transparency. I was trying to … Read more

Drop shadow for PNG image in CSS

I have a PNG image, that has free form (non square). I need to apply drop-shadow effect to this image. The standard approach … -o-box-shadow: 12px 12px 29px #555; -icab-box-shadow: 12px 12px 29px #555; -khtml-box-shadow: 12px 12px 29px #555; -moz-box-shadow: 12px 12px 29px #555; -webkit-box-shadow: 12px 12px 29px #555; box-shadow: 12px 12px 29px #555; … … Read more

SVG fill color transparency / alpha?

Is it possible to set a transparency or alpha level on SVG fill colours? I’ve tried adding two values to the fill tag (changing it from fill=”#044B94″ to fill=”#044B9466″), but this doesn’t work. 7 s 7 You use an addtional attribute; fill-opacity: This attribute takes a decimal number between 0.0 and 1.0, inclusive; where 0.0 … Read more

How to make a background 20% transparent on Android

How do I make the background of a Textview about 20% transparent (not fully transparent), where there is a color in the background (i.e. white)? 19 s 19 Use the below code for black: <color name=”black”>#000000</color> Now if I want to use opacity then you can use the below code: <color name=”black”>#99000000</color> <!– 99 is … Read more

Hex transparency in colors [duplicate]

This question already has answers here: Understanding colors on Android (six characters) (10 answers) Closed 5 years ago. I’m working on implementing a widget transparency option for my app widget although I’m having some trouble getting the hex color values right. Being completely new to hex color transparency I searched around a bit although I … Read more