Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthorkloy
    • CommentTimeJan 8th 2010 edited
     permalink
    Hi Everyone,
    I'm new to CSS and just created my first 2 sites using it. I love it and can't wait to learn more. I'm very inspired by all the galleries and the skill sharing in this community. I have lots of questions. So here is the first one...

    How did this person get these transparencies? Were they done in CSS. Just saved out from photoshop? I tried CSS transparencies and I haven't been able to get them to look as nice as the ones here. Thank!!

    http://www.michaelcrespo.net/
  1.  permalink
    The site in question uses PNG images most likely saved for web from Photoshop / Fireworks or another image editing program.

    The same background effect can be created with CSS3 as below if using a standard colour as your background (as opposed to a texture / image).

    .right-content{
    background-color:rgba(0,0,0,0.5);
    }

    Just to be clear the above values are RED, GREEN, BLUE, ALPHA... in our case creating a 50% black layer behind the text.

    Hope this helps.

    David
Add your comments
    Username Password
  • Format comments as (Help)