Posted By

robnilas on 01/21/17


Tagged


Versions (?)

Yellow Box wit multi page effect


 / Published in: CSS
 

  1. .content_wrapper blockquote {
  2. position: relative;
  3. padding: 34px 34px 1px;
  4. margin: 22px 0;
  5. border-radius: 6px;
  6. box-shadow: 1px 1px #e9dd79, 2px 2px #fdf083, 3px 3px #e9dd79, 4px 4px #fdf083, 5px 5px rgba(0, 0, 0, 0.1);
  7. background: #fdf083;
  8. }
  9.  
  10. .content_wrapper blockquote:before {
  11. content: '';
  12. display: block;
  13. position: absolute;
  14. top: -14px;
  15. right: 8px;
  16. width: 27px;
  17. height: 50px;
  18. background: url(http://engageinteractive.co.uk/assets/engage/img/template/paperclip.png);
  19. background-size: 27px 50px;
  20. }

Report this snippet  

You need to login to post a comment.