I'm not sure... I haven't seen it yet. But if you throw together an iPhone app in the SDK and make the icon quite large you could probably duplicate it from that sample.
Make sure you also create two versions using media queries since the mask would get a little blurry on iPhone 4 :P - Jordan On Thu, Aug 12, 2010 at 2:49 PM, Alex Zylka <[email protected]> wrote: > Wow... I totally forgot about masks. Just one question - has anyone > figured out how to create the selected icon gradient yet? > > Alex Zylka > http://www.zylka.us/ > > On Aug 12, 4:41 pm, Jordan Dobson <[email protected]> wrote: > > Alex - I recommend you use webkit-mask-image > > > > http://cl.ly/1ykN > > > > Use that mask to define the the area of where the gradient should show > > through and then you can change the gradient that shows through depending > on > > what class is applied. > > > > That's how I'd approach it. > > > > Let me know if you have any questions about this approach because I've > > thought about it quite a bit but haven't time to implement it. I'd love > to > > help. :) > > > > > > > > > > > > > > > > > > > > On Thu, Aug 12, 2010 at 2:32 PM, Alex Zylka <[email protected]> wrote: > > > So as you can probably tell from my title, I have resurrected the > > > "fabled" iScroll/ iUI bottom bar. All I need right now are opinions. > > > To make the icons look real, do I make the transparent png's and use > > > CSS gradients to fill them in with the selected gradient, or grayed > > > out one? Or do I stick with boring static images? You tell me! > > > > > My testing ground for iUI(Scroll) is here:http://www.zylka.us/iscroll/ > . > > > Please tell me what you think (and maybe contribute the CSS gradient > > > codes - for selected icon and/or grayed out icon - so I don't go crazy > > > trying to match the CSS gradient to the icon gradient!) > > > > > Thanks, > > > Alex Zylka > > >http://www.zylka.us/ > > > > > -- > > > You received this message because you are subscribed to the Google > Groups > > > "iPhoneWebDev" group. > > > To post to this group, send email to [email protected]. > > > To unsubscribe from this group, send email to > > > [email protected]<iphonewebdev%[email protected]> > <iphonewebdev%[email protected]<iphonewebdev%[email protected]> > > > > > . > > > For more options, visit this group at > > >http://groups.google.com/group/iphonewebdev?hl=en. > > > > -- > > Jordan Dobson > > Owner + Director > > MadeBySquad.com | Glue.Pro | SquadBlog.com > > (425) 444-8014 > > > > Follow me on twitter athttp://Twitter.com/JordanDobson > > -- > You received this message because you are subscribed to the Google Groups > "iPhoneWebDev" group. > To post to this group, send email to [email protected]. > To unsubscribe from this group, send email to > [email protected]<iphonewebdev%[email protected]> > . > For more options, visit this group at > http://groups.google.com/group/iphonewebdev?hl=en. > > -- Jordan Dobson Owner + Director MadeBySquad.com | Glue.Pro | SquadBlog.com (425) 444-8014 Follow me on twitter at http://Twitter.com/JordanDobson -- You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/iphonewebdev?hl=en.
