opacity

I'm trying to emulate Apple's "Slide to Unlock" feature in my application. I get to this point (image below), but as you can see the UISlider's "track" is visible and is covering up my text. Is there a way to change an attribute programmatically that will make the "track" invisible? Please let me know if you need any of my code. Thanks in advance! EDIT: If I change the slider's alpha to 0, it gets rid of my sliding button, so doing that won't work unless I'm doing it wrong. :) here's an even easier way. No need to create images, just instantiate an empty UIImage class :P UIImage *clearImage =

is there a way to achieve this effect in a cross-browser compatible way without having to prepare separated images? Basically the frame on which text lays has a white overlay of 50% opacity.. I would like a solution that doesn't involve creating any other image in addition to the background but I don't know if it's possible! Try RGBA, e.g. div { background-color: rgba(255, 255, 255, 0.5); } As always, this won't work in every single browser ever written. bobince If you can't use rgba due to browser support, and you don't want to include a semi-transparent white PNG, you will have to create two

I would like to make an svg path's opacity to go from 0 to 100 back to 0 and to 100 on a continuous loop. So far i can get it to animate from 0 to 100 but not back again, Any ideas? Thanks You have two separate animations - one for opacity increasing and one for it decreasing. Each begins when the other ends, but the first one also begins at 0s. Here's an example for a rect: <rect x="10" y="10" width="20" height="20"> <animate id="animation1" attributeName="opacity" from="0" to="1" dur="1s" begin="0s;animation2.end" /> <animate id="animation2" attributeName="opacity" from="1" to="0" dur="1s"

Assuming an element is at 100% saturation, opacity, etc... how can I have its background become slightly lighter when it is hovered? The use case is that I'm allowing a user to hover over any element on a page. I don't want to go around determining each colors equivalent at 80% opacity. One method is to change the opacity: 0.4 but I only want the background to change. It's a long time ago but you can do something like this: .element { background-color: red; } .element:hover { box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1); } You can change the 100px into a number you want. I took a

I want to give circular opacity to an image using CSS. I know I can achieve opacity on images like this: .circle img { opacity: 0.4; filter: alpha(opacity=40); } I know I can achieve circular images like this: .circle { border-radius: 50%; display: inline-block; } .circle img { border-radius: 50%; display: block; } I want somehow to merge the two things above and apply the opacity only for the edges of the image, so the center of the image gets almost nothing from the opacity tag. I have searched for hours but found nothing. Without opacity: http://jsfiddle.net/8w6szf84/47 With opacity: http:/