Advertisement
abuiyad

custom-labels-widgets-stylish-cool-effects style04

Dec 28th, 2014
373
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.19 KB | None | 0 0
  1. .Label a {
  2.      -moz-border-bottom-colors: none;
  3.      -moz-border-left-colors: none;
  4.      -moz-border-right-colors: none;
  5.      -moz-border-top-colors: none;
  6.      background-color: #7FBF4D;
  7.      background-image: -moz-linear-gradient(center top , #7FBF4D, #63A62F);
  8.      border-bottom-right-radius: 30px;
  9.      border-color: #63A62F #63A62F #5B992B;
  10.      border-image: none;
  11.      border-style: solid;
  12.      border-top-left-radius: 30px;
  13.      border-width: 1px;
  14.      box-shadow: 0px 1px 0px 0px #96CA6D inset;
  15.      color: #FFFFFF;
  16.      float: left;
  17.      font: 14px verdana;
  18.      height: 18px;
  19.      margin-bottom: 9px;
  20.      margin-left: 10px;
  21.      padding: 10px;
  22.      position: relative;
  23.      text-decoration: none;
  24.      transition: all 0.5s ease-in-out 0s;
  25. }
  26.  
  27. .Label a:hover {
  28.      background: none repeat scroll 0% 0% orange;
  29.      border-radius: 0px 30px 0px 30px;
  30.      border: 1px solid orange;
  31.      text-shadow: 5px 5px 5px #DCDCDC;
  32. }
  33.  
  34. .Label {
  35.      margin: 0px;
  36.      padding: 0px;
  37.      position: relative;
  38. }
  39. .Label li:hover {
  40.     transform: rotate(5deg);
  41. }
  42. .Label li {
  43.     float: left;
  44.     font-size: 116%;
  45.     list-style: none outside none;
  46.     transition: all 0.3s ease 0s;
  47. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement