Posted By

ratbagash on 11/16/10


Tagged

css CSS3


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

ratbagash


CSS3 Rounded Corners and Drop Shadow


 / Published in: CSS
 

  1. .node-type-news-item #content .latest-news-item {
  2. -moz-border-radius-topright: 10px;
  3. -moz-border-radius-topleft: 10px;
  4. -moz-border-radius-bottomright: 10px;
  5. -moz-border-radius-bottomleft: 10px;
  6. -webkit-border-top-right-radius: 10px;
  7. -webkit-border-top-left-radius: 10px;
  8. -webkit-border-bottom-right-radius: 10px;
  9. -webkit-border-bottom-left-radius: 10px; border: thin solid #999;
  10. -moz-box-shadow: 5px 5px 5px #999;
  11. -webkit-box-shadow: 5px 5px 5px #999;
  12. box-shadow: 5px 5px 5px #999;
  13. }

Report this snippet  

Comments

RSS Icon Subscribe to comments
Posted By: chendrix on November 18, 2010

You can simplify this to:

       -moz-border-radius: 10px;
       -webkit-border-radius: 10px;
       border-radius: 10px;
       border: thin solid #999;
       -moz-box-shadow: 5px 5px 5px #999; 
       -webkit-box-shadow: 5px 5px 5px #999; 
       box-shadow: 5px 5px 5px #999;

You need to login to post a comment.