×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
1
Language: CSS
Posted by: Philip Rehberger
Added: Sep 14, 2016 12:12 AM
Modified: Sep 14, 2016 2:00 AM
Views: 8
  1. .ribbon {
  2.     background-color: #a00;
  3.     overflow: hidden;
  4.     /* top left corner */
  5.     position: absolute;
  6.     left: -3em;
  7.     top: 2.5em;
  8.     /* 45 deg ccw rotation */
  9.     -moz-transform: rotate(-45deg);
  10.     -webkit-transform: rotate(-45deg);
  11.     /* shadow */
  12.     -moz-box-shadow: 0 0 1em #888;
  13.     -webkit-box-shadow: 0 0 1em #888;
  14. }
  15. .ribbon a {
  16.     border: 1px solid #faa;
  17.     color: #fff;
  18.     display: block;
  19.     font: bold 81.25% 'Helvetiva Neue', Helvetica, Arial, sans-serif;
  20.     margin: 0.05em 0 0.075em 0;
  21.     padding: 0.5em 3.5em;
  22.     text-align: center;
  23.     text-decoration: none;
  24.     /* shadow */
  25.     text-shadow: 0 0 0.5em #444;
  26. }