The latest site I’ve been working on has used gradients, but with one end resulting in transparency. Here’s a quick demonstration of how you get there with CSS. #canvas { background: #FFFFFF; /* Well hello, useless IE! */ background: -moz-linear-gradient( /* Firefox transparency gradient */ center top, rgba(255,255,252,1) 100%, /* Opaque White */ rgba(255,255,252,0.1) 5% /* [...]
// Posts Tagged ‘css’
Adding an image to a:hover
For the last half hour I’ve been working on adding little stars to the hover on my menu links (About/Portfolio/CV/Contact). It’s now working in Firefox. Here’s how I’ve done it. Created the star in Photoshop (very simply brush use!). Uploaded the star to Media file in WP. Used the following CSS code: li#menu-item-26 a:hover { [...]
Issues with the Site
Couple of problems I’ve been looking at today with regards this site. Firstly, Chrome on Mac OS X seems to hate Typekit (particularly with HTML5). I’m not the only one with this – see a related discussion. Which is unfortunate because it seems there is very little one can do but wait for Typekit to [...]