Am I trying to make this PSD using CSS?
So far I have achieved this . Can I achieve this design with CSS3 or do I need to use the old school background image method?
In short, yes it is only possible with CSS (without CSS2), but I would strongly recommend that you use background images.
CSS - . , , - , . , , .
, CSS3. , . , CSS, - . , 10-15%.
, , , , . , , , CSS3 . , .
CSS; , , , , Twitter CSS., ( , ), CSS ( W3Schools), box-shadow box-shadow: inset . , , .
box-shadow
box-shadow: inset
before after. <div>, ; .
before
after
<div>
I do not think that this is only possible with CSS. You will need to use a background image. You can create a conical edge effect using: after and: in front of the psuedo classes. But it will face the problem of inner shadow.
Once I tried to create a similar package using only css3 when I saw the help center in the Google help center (similar, but using a background image), but I couldn’t do it.
http://support.google.com/adsense/bin/answer.py?hl=en&answer=1354760
I tried to do this using CSS aliases (: after and: before) without adding any other html elements.